烟台网站建设 > 技术/新闻 > 网站建设 > > script标签的运行顺序

script标签的运行顺序

Mar 06 , 21:01:52烟台网站建设 www.ytwzjs.com

    通过script标签将程序代码加入文件,在预设模式下,浏览器会在分析script标签的内容之后,运行script标签的程序代码内容。以上面范例的程序代码来说明浏览器运行程序代码的运行流程。
StepOl:首先,在范例网页中创建了一个函数:show函数。并将这个show函数设置为window对象的onload事件属性的内容。也就是说,浏览器在完成加载工作,例如分析HTM L文件、创建DOM等之后,就会运行show函数这个onload事件的事件处理函数。
Step02:此外,在网页中也同样使用内嵌程序代码的方式,另外创建了一段程序代码来显示对话框。当这段程序代码被浏览器运行时,就会显示对话框,开发人员就可以由此观察程序代码运行的流程。
Step03:通过这个范例运行的结果,可以看到在网页打开的时候,会依序弹出两个对话框显示信息。第一个信息是“this is Embedded Script",
Step04:这也就说明了,“this is window.onload”。使用内嵌程序代码方式来创建的程序代码,运行顺序会是在窗口完成加载工作、通知onload事件之前。
StepO5:更进一步去分析这个范例程序,在范例程序中用来设置show函数成为onload事件处理函数的程序代码,也是使用内嵌程序代码的方式来创建的,运行的顺序也是在引发onload事件之前。换个角度来说,也就是浏览器分析script标签的内容之后,运行将show函数设置为事件处理函数的程序代码。所以后续浏览器引发的onload事件,才能知道show函数是onload事件要运行的事件处理函数。
Step06:当然使用相同的思考模式来验证外部程序代码的运行顺序,也会是相同结果:用外部程序代码方式来创建的程序代码,运行顺序会是在窗口完成加载工作、通知。nload事件之前。
 

ABOUT US

烟台景明网络科技有限公司是中国网络技术服务新生代的杰出代表。
烟台大学毕业生创办于2006年,前身为阿里巴巴及百度烟台地区服务商。
技术团队由顶级网络工程师与行业知名设计师组成,立足烟台,服务全国。

Contact information

手机:18253532326
Q Q:1211515810

网址:www.ytwzjs.com
地址:烟台市大学生创业园(高新区航天路101号)

申请友链QQ:1211515810
  • 友情链接
  • 合作伙伴
烟台网站建设的logo

鲁ICP备14032136号

声 明: 本站图文素材部分来源于网络。互联环境贵在共享,版权归原作者所有,不代表本站附和其观念及不承担真实性责任。如涉及版权等问题,请及时与我们联络。