Posted in Javascript onJune 05, 2014
切页面时有时用链接A来替代按钮,这样做有几个好处
鼠标放上时默认有手状效果(不用添加cursor:pointer)
可以添加低版本IE都支持的伪类
如果点击时页面要整体刷新,即跳转,这时IE6则不尽人意,如下
<p><a href="javascript:;" onclick="jumpSina()">Sina</a></p> <p><a href="javascript:void 0;" onclick="jumpSohu()">Sohu</a></p> <script> function jumpSina() { location.href = 'http://www.sina.com.cn' } function jumpSohu() { location.href = 'http://www.sohu.com' } </script>
IE6中点击链接无法跳转,其它浏览器都可以。解决方法是改成锚点,
<p><a href="###" onclick="jumpSina()">Sina</a></p> <p><a href="#none" onclick="jumpSohu()">Sohu</a></p> <script> function jumpSina() { location.href = 'http://www.sina.com.cn' } function jumpSohu() { location.href = 'http://www.sohu.com' } </script>
如果把跳转方式改为window.open,则IE6下没有问题,如下
<p><a href="javascript:;" onclick="jumpSina()">Sina</a></p> <script> function jumpSina() { window.open( 'http://www.sina.com.cn') } </script>
IE6中链接A的href为javascript协议时不在当前页面跳转
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@