href javascript target onclick 执行顺序 浏览器兼容问题
2012-02-15 15:49
603 查看
<a href="javascript: dosomething();" > </a>
在chrome 中会执行dosomething(),没有任何问题,
在IE中会打开一个路径为javascript: dosomething();新窗口并报错
显然 这不是return false一类的问题
经过测试 我总结一下 href javascript target onclick 执行顺序 浏览器兼容问题
<a onclick=”doclick();” target=”_blank” href=”javascript: dosomething();” > </a>
在我测试的所有浏览器中 onclick 总是优先执行
在chrome safari中, 如果href 中是javascript:语句 target 就被忽略
在ie firefox中, 先执行target 然后执行href , 换句话说 href 中的javascript 是基于 target的 context
就变成了 target.href
在本例中 就是在_blank窗口中执行 dosomething() 函数,新窗口是空窗口当然不会有这个函数的定义 所以会报错
流程是 先执行onclick 然后打开target 然后在target中执行dosomething()
用iframe的情况很明显
以上代码在chrome, safari中 target 被忽略 先执行
在IE, firefox中 情况不一样
先执行
在chrome 中会执行dosomething(),没有任何问题,
在IE中会打开一个路径为javascript: dosomething();新窗口并报错
显然 这不是return false一类的问题
经过测试 我总结一下 href javascript target onclick 执行顺序 浏览器兼容问题
<a onclick=”doclick();” target=”_blank” href=”javascript: dosomething();” > </a>
在我测试的所有浏览器中 onclick 总是优先执行
在chrome safari中, 如果href 中是javascript:语句 target 就被忽略
在ie firefox中, 先执行target 然后执行href , 换句话说 href 中的javascript 是基于 target的 context
就变成了 target.href
在本例中 就是在_blank窗口中执行 dosomething() 函数,新窗口是空窗口当然不会有这个函数的定义 所以会报错
流程是 先执行onclick 然后打开target 然后在target中执行dosomething()
用iframe的情况很明显
<script> function did(){ alert('current page'); }
function click(){ alert('click'); } </script>
<a target="newframe" onclick="click();" href="javascript: did();">点我1</a> <iframe id="newframe" name="newframe" src="test.html"></iframe>
以上代码在chrome, safari中 target 被忽略 先执行
alert('click')
然后
alert('current page');
在IE, firefox中 情况不一样
先执行
alert('click') 然后会执行newframe中的did()函数
所以target很重要 而且不可以在href中更改target 的值因为target会先于href执行
完全可以在onclick中控制 target 和href 因为onclick 是最优先执行的
相关文章推荐
- html标记<a/>属性href, onclick执行顺序与失效问题解决
- JavaScript 页面后退几个浏览器不兼容问题
- JavaScript程序执行顺序问题总结(转)
- JavaScript 程序执行顺序问题总结
- Javascript 字符串浏览器兼容问题
- 关于a标签的onclick和href谁先执行的问题
- 浏览器兼容问题,Chrome中Flash的onclick事件
- Javascript中常遇到的浏览器兼容问题和解决方法
- Javascript 浏览器兼容的一些问题
- 12种Javascript解决常见浏览器兼容问题的方法
- 关于a标签的onclick与href的执行顺序
- spring jquery Mobile 页面跳转后浏览器url未改变&&javaScript代码刷新后才能执行的问题解决
- 关于a标签的onclick和href谁先执行的问题
- a标签中href与onclick执行先后问题
- JavaScript 全面解析各种浏览器网页中的JS 执行顺序
- javascript控制HTML5的全屏操控,浏览器兼容问题
- 讨论html与javascript在浏览器中的加载顺序问题
- 关于html和javascript在浏览器中的加载顺序问题的讨论
- 12种Javascript解决常见浏览器兼容问题的方法
- Button 控件的 OnClientClick 和 OnClick 事件执行顺序问题