button按鈕怎么實現超鏈接

轉載自：https://www.cnblogs.com/Renyi-Fan/p/8945820.html

 

 

一、總結

1、我的按鈕實現超鏈接是通過button內嵌a標簽來實現的

<button class="am-btn am-btn-default am-btn-xs am-text-danger "><a href="{:url('discipline/delete',array('id'=>$vo.id))}"><span class="am-icon-trash-o"></span> Delete</a></button>

2、表單提交的時候form里面的那個action可以實現跳轉

3、多說一點，要給什么元素添加樣式不僅可以定義這個元素的style屬性，還可以在外面套上div，span來添加樣式

4、從下面的問題和解答里面來看，button標簽實現超鏈接是通過onclick事件來解決的

5、明顯onclick事件實現超鏈接比button標簽內嵌a標簽實現超鏈接要好，因為a標簽會使文字變色

 

二、問題

http://zhidao.baidu.com/question/41167708.html
我在asp頁面里試了，<input type=button onclick="window.open('連接')">有效，但<input type=button onclick="window.location.href('連接')"> 沒反應，這是怎么回事啊？

補充一下：我在按鈕中加的鏈接是 result.asp?action=all
result.asp是和當前網頁在同目錄下的，只是我在后面加了一個名值對action=all
貌似加了之后點擊就沒反應了，這該怎么解決？鏈接后面不能加名值對嗎？

 

三、解答

可能是是瀏覽器兼容性問題，你寫的代碼在IE下可以運行的。但火狐不行。給你標准寫法吧。

<input type=button onclick="window.open('1.asp')">
<input type=button onclick="window.location.href='1.asp'">