HTML 中各浏览器对A标签中javascript的支持研究
来源:互联网 发布:pdf reader mac 编辑:程序博客网 时间:2024/05/22 13:13
最近做一个项目要求javascript对多浏览器支持,但是页面中有较多的使用A标签,于是就出现了下面的问题
如写出下面的代码
<a href="javascript:;" onclick="testFunction()">测试</a>
对于上面的代码,各个浏览器的支持分别为:
IE6/IE7: 会执行onclick中的javascript方法,但同时也会执行href中的javascript方法,于是,如果你在onclick方法中提交了表单,那么就会出现表单提交了,但是页面没有跳转的问题!
IE8: 和 前两个版本IE一样,href中的javascript方法会执行,同时onclick方法也会执行,但是不同点是如果onclick中提交了表单,页面可以跳转
firefox和webkit浏览器:这两个浏览对于上面的A标签执行的方式和IE8是一样!
针对上面的问题,其实是由于上面的A标签中使用的javascript语法不正确所致
对于上面的A标签,IE6和IE7中会先执行href然后再执行onclick,所以按上面的语法就会变成先执行了javascript: ;这个方面,IE6会认为是页面刷新了!所以当onclick方法中有跳转时,方法执行完后不会跳转,因为前面的javascript: ;相当于已经让浏览器跳转了一次页面,所以无法执行跳转!
针对上面的解决方法可以用下面的方式
<a href="javascript:void(0);" onclick="javascript: testFunction(); return false;">test</a>
这种是目前来说最标准的写法
不过这样写代码又确实有点长了,所以也可以写成下面的比较懒的写法
<a href="#" onclick="javascript: testFunction(); return false;">test</a>
最关键是要在onclick中reutnr false;告诉浏览器不要去执行A标签中的href方法
- HTML 中各浏览器对A标签中javascript的支持研究
- HTML 中各浏览器对A标签中javascript的支持研究
- HTML 中各浏览器对A标签中javascript的支持研究
- html的锚标签<a>中使用javascript代码
- javascript---html里a标签中调用js的function
- html中<a>标签的使用
- html中<a>标签的种类
- Html 中 <a>标签的target属性
- html中a标签的跳转问题
- 匹配html中a标签的内容
- (转)html中<a>标签的种类
- Xpath in JavaScript (第三部分【IE浏览器中对xpath的支持】)
- 各浏览器对css,html,js支持的差异
- QLabel中显示的字符串是支持HTML标签
- HTML <!--注释标签的插入,不显示在浏览器中-->
- 深入了解JavaScript对浏览器的支持
- 浏览器对js中nextSibling与previousSibling属性的支持
- html 对 form 表单中 put,delete,patch的支持
- [ARM]__weak 的用法
- js得到下一个元素节点
- Python list嵌套 三维数组
- 修改cocos2d-html5 v2.2的源代码,保证在COCOS2D_DEBUG=2的模式下,修改js代码刷新页面就生效!
- 超链接<a>标签和javascript:void(0)
- HTML 中各浏览器对A标签中javascript的支持研究
- 何谓预编译
- [转]linux /etc/security/limits.conf的相关说明
- 在ARC下结合GCD的单例模式和宏模版
- javascript类继承的模拟实现
- 基于http协议的接口测试(1)
- freerdp 笔记
- JS窗口改变触发事件
- 简单的数字类型及运算符