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

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

<button class="button" id="add123">走起</button>

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

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

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

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

function gogo_button()
{
$this->output('<Button class="go-button" id="addgo" >走起</button>');
}


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


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

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

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

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

<script type="text/javascript">
    function goto()
    {
        window.location.href = 'http://.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://.com/q/1010000000487641';}, false);  
</script> 

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

<?php $url = 'http://.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://.com/q/1010000000487641';
}
</script>
<?php
//...
function gogo_button()
{
    $this->output('<Button class="go-button" id="addgo" onclick="goto()">走起</button>');
}
//...
?>
【热门文章】
【热门文章】