href javascript target onclick 执行顺序 浏览器兼容问题

<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 是最优先执行的