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'">