通过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事件之前。