首页 / JAVASCRIPT / 解读IE和firefox下JScript和HREF的执行顺序

解读IE和firefox下JScript和HREF的执行顺序

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了解读IE和firefox下JScript和HREF的执行顺序，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1835字，纯文字阅读大概需要3分钟。

内容图文

很久都没有写关于代码方面的文章了。主要原因还是因为最近的工作都集中在需求分析方面，没有了现实中的感触，就没有了写作的动机。讨论一个关于JScript执行顺序的问题。示例代码如下：
a.htm
<A onmouseup="func('onmouseup')" href="b.htm">Click Me!</A> <A onclick="func2('onclick')" href="d.htm">Click Me!</A> <SPAN id=msg></SPAN>
<SCRIPT>
function func(str)
{
  msg(str);
  window.location.href="c.htm";
}
function msg(str)
{
  document.getElementById("msg").innerText=str;  //A
  //alert(str);                                  //B
}
function func2(str)
{
  msg(str);
  window.location.href="e.htm";
}
</SCRIPT>
在msg(str)有个注释掉的行，试验的时候分别执行A和B。

   A  B
 onmouseup  onclick  onmouseup onclick 
 IE  b.htm  d.htm  c.htm d.htm 
 FireFox  c.htm->b.htm  e.htm->d.htm  c.htm->b.htm e.htm->d.htm 

上表主要列出了两个浏览器中的执行顺序，红色代表页面脚本跳转的页面，蓝色是Anchor标签的href属性。从上面可以看出，对于FireFox，始终先执行页面脚本，然后浏览器再跳转。而IE里面执行的过程却有差别：
1、使用后退按钮直接回到a.htm，即页面只执行了一个跳转；
2、在使用alert中断的情况下，onmouseup执行了页面脚本中的跳转。

从上可以看出，
1、对于FireFox而言，页面脚本执行顺序始终优先于浏览器内嵌脚本执行顺序，这个已经很明显了。
2、IE中，HREF的执行顺序为onmouseup->href->onclick。真的吗？

为了更加明确2中的执行顺序，我们继续分析onclick和href的执行顺序关系。在上述例子中，onclick是采用调入的方式执行的。如果a. 我们使用以下的测试代码：
<a href="d.htm" onclick="return false;">Click Me!</a>
发现HREF不能被执行。
b. 如果我们使用以下测试代码：
<a href="d.htm" onclick="window.location.href='e.htm';return false;">Click Me!</a>
发现依旧执行HREF的d.htm，而不是onclick中的e.htm。
c. 如果我们使用以下测试代码：
<a href="d.htm" onclick="msg('onclick');return false;">Click Me!</a>（ function msg()的代码如上）
发现执行了function msg()，而HREF不被触发。

晕了。IE的确是个诡异的东西。谁能帮忙解释一下b例中的现象？

内容总结

以上是互联网集市为您收集整理的解读IE和firefox下JScript和HREF的执行顺序全部内容，希望文章能够帮你解决解读IE和firefox下JScript和HREF的执行顺序所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/374706.html

来源：【匿名】