> 백엔드 개발 > PHP 튜토리얼 > 怎么让button标签跳转到其他链接页面? 可以不用input方法么?

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

WBOY
풀어 주다: 2016-06-06 20:45:59
원래의
1145명이 탐색했습니다.

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

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

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

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

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

回复内容:

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

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

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

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

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

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

<code><a href="http://segmentfault.com/q/1010000000487641"><button class="button" id="add123">走起</button></a>
</code>
로그인 후 복사

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

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

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

onclick 属性的话,如果用纯 js 可以这么写:

<code><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> 
</code>
로그인 후 복사

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

<code><?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>
</code>
로그인 후 복사

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

<code><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>');
}
//...
?>
</code>
로그인 후 복사

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿