您的位置:首页 > Web前端 > JavaScript

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的情况很明显

<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 是最优先执行的
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息