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 相关文章推荐
JavaScript的递归之递归与循环示例介绍
Aug 05 Javascript
使用JS取得焦点(focus)元素代码
Mar 22 Javascript
js实现百度联盟中一款不错的图片切换效果完整实例
Mar 04 Javascript
面向切面编程(AOP)的理解
May 01 Javascript
es6 字符串String的扩展(实例讲解)
Aug 03 Javascript
React Form组件的实现封装杂谈
May 07 Javascript
vue通过滚动行为实现从列表到详情,返回列表原位置的方法
Aug 31 Javascript
Javascript 实现 Excel 导入生成图表功能
Oct 22 Javascript
深入理解JavaScript 箭头函数
May 30 Javascript
vue 使用element-ui中的Notification自定义按钮并实现关闭功能及如何处理多个通知
Aug 17 Javascript
vue 自动化路由实现代码
Sep 03 Javascript
小程序跨页面交互的作用与方法详解
Jan 07 Javascript
网页右下角弹出窗体实现代码
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
《魔兽争霸3:重制版》更新 多项视觉效果调整
2020/05/04 魔兽争霸
php 将excel导入mysql
2009/11/09 PHP
IE JS无提示关闭窗口不提示的方法
2010/04/29 Javascript
解决IE6的PNG透明JS插件使用介绍
2013/04/17 Javascript
Jquery中val()表单取值赋值的实例代码
2013/08/15 Javascript
jQuery关于导航条背景切换效果实现示例
2013/09/04 Javascript
js 判断文件类型并控制表单提交示例代码
2013/11/14 Javascript
基于NodeJS的前后端分离的思考与实践(一)全栈式开发
2014/09/26 NodeJs
vue2实现搜索结果中的搜索关键字高亮的代码
2018/08/29 Javascript
在vue中安装使用vux的教程详解
2018/09/16 Javascript
javascript匿名函数中的'return function()'作用
2018/10/15 Javascript
浅谈Webpack多页应用HMR卡住问题
2019/04/24 Javascript
教你搭建按需加载的Vue组件库(小结)
2019/07/29 Javascript
Js代码中的span拼接问题解决
2019/11/22 Javascript
微信小程序开发打开另一个小程序的实现方法
2020/05/17 Javascript
vue-cli打包后本地运行dist文件中的index.html操作
2020/08/12 Javascript
vue-cli3访问public文件夹静态资源报错的解决方式
2020/09/02 Javascript
跟老齐学Python之编写类之三子类
2014/10/11 Python
python对url格式解析的方法
2015/05/13 Python
Python 实现简单的shell sed替换功能(实例讲解)
2017/09/29 Python
python opencv设置摄像头分辨率以及各个参数的方法
2018/04/02 Python
详解重置Django migration的常见方式
2019/02/15 Python
python:按行读入,排序然后输出的方法
2019/07/20 Python
tensorflow2.0与tensorflow1.0的性能区别介绍
2020/02/07 Python
Python分析微信好友性别比例和省份城市分布比例的方法示例【基于itchat模块】
2020/05/29 Python
CSS3实现3D翻书效果
2016/06/20 HTML / CSS
英国最大的线上保健品零售商之一:Vitamin Planet
2016/12/01 全球购物
Fossil德国官网:化石手表、手袋、珠宝及配件
2019/12/07 全球购物
美德好少年主要事迹
2014/01/29 职场文书
小学数学教研活动总结
2014/07/01 职场文书
党员“四风”方面存在问题及整改措施
2014/09/24 职场文书
国际贸易本科毕业生求职信
2014/09/26 职场文书
先进单位事迹材料
2014/12/25 职场文书
村干部任职承诺书
2015/01/21 职场文书
2015年办公室文员工作总结
2015/04/24 职场文书
JavaScript中document.activeELement焦点元素介绍
2021/11/27 Javascript