IE6中链接A的href为javascript协议时不在当前页面跳转


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>
Javascript 相关文章推荐
JQuery 技巧和窍门整理(8个)
Apr 22 Javascript
javascript实现数字+字母验证码的简单实例
Feb 10 Javascript
jquery使用on绑定a标签无效 只能用live解决
Jun 02 Javascript
jQuery数据检索中根据关键字快速定位GridView指定行的实现方法
Jun 08 Javascript
js基础之DOM中元素对象的属性方法详解
Oct 28 Javascript
angular+bootstrap的双向数据绑定实例
Mar 03 Javascript
Bootstrap 3多级下拉菜单实例
Nov 23 Javascript
原生js+cookie实现购物车功能的方法分析
Dec 21 Javascript
解决微信授权成功后点击按返回键出现空白页和报错的问题
Jun 08 Javascript
Vue 数据绑定的原理分析
Nov 16 Javascript
使用jquery实现轮播图效果
Jan 02 jQuery
浅谈Vue开发人员的7个最好的VSCode扩展
Jan 20 Vue.js
网页右下角弹出窗体实现代码
Jun 05 #Javascript
获取中文字符串的实际长度代码
Jun 05 #Javascript
jQuery文件上传插件Uploadify使用指南
Jun 05 #Javascript
IE6-IE9中tbody的innerHTML不能赋值的解决方法
Jun 05 #Javascript
首页图片漂浮效果示例代码
Jun 05 #Javascript
原生js实现fadein 和 fadeout淡入淡出效果
Jun 05 #Javascript
javascript的事件触发器介绍的实现
Jun 05 #Javascript
You might like
PHP错误Parse error: syntax error, unexpected end of file in test.php on line 12解决方法
2014/06/23 PHP
php显示指定目录下子目录的方法
2015/03/20 PHP
PHP实现微信商户支付企业付款到零钱功能
2018/09/30 PHP
JS backgroundImage控制
2009/05/19 Javascript
JS小游戏之极速快跑源码详解
2014/09/25 Javascript
jQuery中even选择器的定义和用法
2014/12/23 Javascript
详解Node.js中的事件机制
2016/09/22 Javascript
实现一个完整的Node.js RESTful API的示例
2017/09/29 Javascript
vue将对象新增的属性添加到检测序列的方法
2018/02/24 Javascript
JS实现读取xml内容并输出到div中的方法示例
2018/04/19 Javascript
微信小程序实现横向增长表格的方法
2018/07/24 Javascript
Vue 全家桶实现移动端酷狗音乐功能
2018/11/16 Javascript
小程序文字跑马灯效果
2018/12/28 Javascript
通过扫小程序码实现网站登陆功能
2019/08/22 Javascript
js实现简单商品筛选功能
2021/02/02 Javascript
python的类方法和静态方法
2014/12/13 Python
python函数装饰器用法实例详解
2015/06/04 Python
分享一下Python 开发者节省时间的10个方法
2015/10/02 Python
Python编程之基于概率论的分类方法:朴素贝叶斯
2017/11/11 Python
查看Django和flask版本的方法
2018/05/14 Python
如何使用Python实现自动化水军评论
2019/06/26 Python
详解PyTorch手写数字识别(MNIST数据集)
2019/08/16 Python
python通过链接抓取网站详解
2019/11/20 Python
python 实现 hive中类似 lateral view explode的功能示例
2020/05/18 Python
HTML高亮关键字的实现代码
2018/10/22 HTML / CSS
iHerb台湾:维生素、保健品和健康产品
2018/01/31 全球购物
Nike加拿大官网:Nike.com (CA)
2019/04/09 全球购物
星空联盟C# .net笔试题
2014/12/05 面试题
Servlet都有哪些方法?主要作用是什么?
2014/03/04 面试题
学前教育毕业生自荐信
2013/10/29 职场文书
《天游峰的扫路人》教学反思
2014/04/25 职场文书
跳槽求职信范文
2014/05/26 职场文书
医院领导班子四风问题对照检查材料
2014/10/26 职场文书
人事专员岗位职责
2015/02/03 职场文书
2016党员干部政治学习心得体会
2016/01/23 职场文书
导游词之铁岭象牙山
2019/12/06 职场文书