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实现点击输入框弹出窗体选择信息
Dec 11 Javascript
JavaScript中读取和保存文件实例
May 08 Javascript
两种方法实现在HTML页面加载完毕后运行某个js
Jun 16 Javascript
JavaScript中的数组特性介绍
Dec 30 Javascript
cookie的secure属性详解
Apr 08 Javascript
使用Browserify配合jQuery进行编程的超级指南
Jul 28 Javascript
js评分组件使用详解
Jun 06 Javascript
微信小程序switch组件使用详解
Jan 31 Javascript
JS设计模式之状态模式概念与用法分析
Feb 05 Javascript
微信小程序踩坑记录之解决tabBar.list[3].selectedIconPath大小超过40kb
Jul 04 Javascript
JS中判断字符串存在和非空的方法
Sep 12 Javascript
JS实现轮播图效果
Jan 11 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
ThinkPHP CURD方法之field方法详解
2014/06/18 PHP
CentOS 安装 PHP5.5+Redis+XDebug+Nginx+MySQL全纪录
2015/03/25 PHP
ThinkPHP5.1框架数据库链接和增删改查操作示例
2019/08/03 PHP
php数组函数array_push()、array_pop()及array_shift()简单用法示例
2020/01/26 PHP
javascript prototype原型操作笔记
2009/12/07 Javascript
JavaScript 对象模型 执行模型
2010/10/15 Javascript
深入理解javascript中的立即执行函数(function(){…})()
2014/06/12 Javascript
浅谈JavaScript中Date(日期对象),Math对象
2015/02/05 Javascript
jquery实现转盘抽奖功能
2017/01/06 Javascript
利用JS实现简单的日期选择插件
2017/01/23 Javascript
JS实现点击Radio动态更新table数据
2017/07/18 Javascript
浅谈nodejs中的类定义和继承的套路
2017/07/26 NodeJs
Web开发使用Angular实现用户密码强度判别的方法
2017/09/27 Javascript
JS获取并处理php数组的方法实例分析
2018/09/04 Javascript
代码整洁之道(重构)
2018/10/25 Javascript
浅谈TypeScript的类型保护机制
2020/02/23 Javascript
javascript单张多张图无缝滚动实例代码
2020/05/10 Javascript
[05:42]DOTA2英雄梦之声_第10期_蝙蝠骑士
2014/06/21 DOTA
[47:43]Alliance vs KG 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
在Python中使用mongoengine操作MongoDB教程
2015/04/24 Python
Python脚本获取操作系统版本信息
2016/12/17 Python
python实现的AES双向对称加密解密与用法分析
2017/05/02 Python
简单谈谈Python中的json与pickle
2017/07/19 Python
Python爬虫之xlml解析库(全面了解)
2017/08/08 Python
Python wxPython库Core组件BoxSizer用法示例
2018/09/03 Python
详解python中Numpy的属性与创建矩阵
2018/09/10 Python
python实现树的深度优先遍历与广度优先遍历详解
2019/10/26 Python
TensorFlow实现保存训练模型为pd文件并恢复
2020/02/06 Python
香港草莓网:Strawberrynet香港
2019/05/10 全球购物
音乐专业应届生教师求职信
2013/11/04 职场文书
幼儿园保育员辞职信
2014/01/12 职场文书
英语专业个人求职信范文
2014/02/01 职场文书
中学教师教育感言
2014/02/21 职场文书
土地租赁意向书
2014/07/30 职场文书
格林童话读书笔记
2015/06/30 职场文书
ORM模型框架操作mysql数据库的方法
2021/07/25 MySQL