怎么让button标签跳转到其他链接页面？可以不用input方法么？-php教程-PHP中文网

怎么让button标签跳转到其他链接页面？可以不用input方法么？

php中文网

发布： 2016-06-06 20:45:59

原创

1363人浏览过

在PHP 环境下怎么让这个button跳转到其他链接页面？
可以不用input方法么？

就是求个酷一点标准一点的写法。看到别人用button酱紫两句话就可行。代码简洁强迫症患者表示这太牛逼了

可是特么很久没写css了。。。脑筋不管用，试了很久没试验出来啊。

本身是在一个函数里。。。擦汗~

function gogo_button()
{
$this->output('');
}

回复内容：

在PHP 环境下怎么让这个button跳转到其他链接页面？
可以不用input方法么？

就是求个酷一点标准一点的写法。看到别人用button酱紫两句话就可行。代码简洁强迫症患者表示这太牛逼了

可是特么很久没写css了。。。脑筋不管用，试了很久没试验出来啊。

本身是在一个函数里。。。擦汗~

function gogo_button()
{
$this->output('');
}

不能使用 javascript 吗？那在外面裹一层 a 标签可否?

醒文

文字排版美化生图工具

131

查看详情

<a href="http://segmentfault.com/q/1010000000487641"><button class="button" id="add123">走起</button></a>

登录后复制

可能误解了题主的意思，题主可以把问题问得稍微再详述点。:)

看到题主在楼下的回复，应该是希望 js 实现，那么就比较简单了：

<script type="text/javascript">
    function goto()
    {
        window.location.href = 'http://segmentfault.com/q/1010000000487641';
    }
</script>
<button class="button" id="add123" onclick="goto()">走起</button>

登录后复制

无 onclick 属性的话，如果用纯 js 可以这么写：

<button class="button" id="add123">走起</button>
<script type="text/javascript">
    document.getElementById('add123').addEventListener('click', function() {window.location.href = 'http://segmentfault.com/q/1010000000487641';}, false);  
</script>

登录后复制

如果夹杂在 php 代码内，题主可以尝试混编：

<?php $url = 'http://segmentfault.com/q/1010000000487641'; ?>
<script type="text/javascript">
    function goto()
    {
        window.location.href = '<?=$url ?>';
    }
</script>
<button class="button" id="add123" onclick="goto()">走起</button>

登录后复制

看了你问题的更新，你可以把 js 函数定义在一个文件内，然后引入即可。还有就是混编：

<script type="text/javascript">
function goto() {
    window.location.href = 'http://segmentfault.com/q/1010000000487641';
}
</script>
<?php
//...
function gogo_button()
{
    $this->output('<Button class="go-button" id="addgo" onclick="goto()">走起</button>');
}
//...
?>

登录后复制

既然是转跳，何不用a标签，响应JS脚本也方便。如果只是为了要input的外观，大可不必非得用它，CSS简单就可以实现各式按钮。老外的模板在这方面做的很好。