<a href="javascript: dosomething();" > </a>
在chrome 中会执行dosomething(),没有任何问题,
在IE中会打开一个路径为javascript: dosomething();新窗口并报错
显然 这不是return false一类的问题
经过测试 我总结一下 href javascript target onclick 执行顺序 浏览器兼容问题
<a οnclick=”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" οnclick="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 是最优先执行的