开发者社区> 问答> 正文

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

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

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

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

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

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

展开
收起
a123456678 2016-03-25 16:31:44 2290 0
1 条回答
写回答
取消 提交回答
  • 不能使用 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>');
    }
    //...
    ?>
    2019-07-17 19:14:39
    赞同 展开评论 打赏
问答分类:
问答地址:
相关产品:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载