怎么让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>');
}

css php

konasu 11 years, 4 months ago

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


 <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>');
}
//...
?>

白銀色D指輪 answered 11 years, 4 months ago

Your Answer