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 相关文章推荐
IE浏览器兼容Firefox的JS脚本的代码
Oct 23 Javascript
window.event快达到全浏览器支持了,以后使用就方便了
Nov 30 Javascript
js实现点击后将文字或图片复制到剪贴板的方法
Aug 04 Javascript
jQuery插件slider实现拖动滑块选取价格范围
Apr 30 Javascript
JavaScript实现的经典文件树菜单效果
Sep 08 Javascript
原生javascript实现自动更新的时间日期
Feb 12 Javascript
Javascript数组循环遍历之forEach详解
Nov 07 Javascript
Three.js入门之hello world以及如何绘制线
Sep 25 Javascript
解决vue 格式化银行卡(信用卡)每4位一个符号隔断的问题
Sep 14 Javascript
用npm安装vue和vue-cli,并使用webpack创建项目的方法
Sep 28 Javascript
微信小程序学习之自定义滚动弹窗
Dec 20 Javascript
vue动态设置路由权限的主要思路
Jan 13 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与XML、XSLT、Mysql的结合运用实现代码
2009/11/19 PHP
PHP中使用file_get_contents post数据代码例子
2015/02/13 PHP
使用ThinkPHP的自动完成实现无限级分类实例详解
2016/09/02 PHP
PDO::errorInfo讲解
2019/01/28 PHP
jQuery的实现原理的模拟代码 -4 重要的扩展函数 extend
2010/08/03 Javascript
JavaScript实现页面滚动图片加载(仿lazyload效果)
2011/07/22 Javascript
JavaScript高级程序设计 阅读笔记(二十) js错误处理
2012/08/14 Javascript
jQuery渐变发光导航菜单的实例代码
2013/03/27 Javascript
js中数组(Array)的排序(sort)注意事项说明
2014/01/24 Javascript
简介JavaScript中的unshift()方法的使用
2015/06/09 Javascript
基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用
2015/12/16 Javascript
js仿QQ中对联系人向左滑动、滑出删除按钮的操作
2016/04/07 Javascript
JavaScript根据CSS的Media Queries来判断浏览设备的方法
2016/05/10 Javascript
关于JS中的方法是否加括号的问题
2016/07/27 Javascript
react高阶组件经典应用之权限控制详解
2017/09/07 Javascript
jQuery实现的电子时钟效果完整示例
2018/04/28 jQuery
详解如何构建一个Angular6的第三方npm包
2018/09/07 Javascript
javascript系统时间设置操作示例
2019/06/17 Javascript
微信小程序 腾讯地图显示偏差问题解决
2019/07/27 Javascript
ant design vue导航菜单与路由配置操作
2020/10/28 Javascript
详解vue 组件的实现原理
2020/11/12 Javascript
windows 下python+numpy安装实用教程
2017/12/23 Python
Python格式化日期时间操作示例
2018/06/28 Python
浅析python继承与多重继承
2018/09/13 Python
python批量处理多DNS多域名的nslookup解析实现
2020/06/28 Python
Python绘制K线图之可视化神器pyecharts的使用
2021/03/02 Python
MATCHESFASHION.COM法国官网:英国奢侈品零售商
2018/01/04 全球购物
台湾东南旅游社网站:东南旅游
2019/02/11 全球购物
YSL圣罗兰美妆俄罗斯官网:Yves Saint Lauret RU
2020/09/23 全球购物
高一政治教学反思
2014/01/28 职场文书
中文师范生自荐信
2014/01/30 职场文书
行政人事专员岗位职责
2014/03/05 职场文书
爱牙日宣传活动总结
2015/02/05 职场文书
2015年房产销售工作总结范文
2015/05/22 职场文书
python 中的@运算符使用
2021/05/26 Python
Docker下安装Oracle19c
2022/04/13 Servers