Javascript在页面加载时的执行顺序.pdf
版权申诉
178 浏览量
2022-11-26
19:10:00
上传
评论
收藏 153KB PDF 举报
Javascript 在页面加载时的执行顺序
一、在 HTML 中嵌入 Javasript 的方法
1. 直接在 Javascript 代码放在标记对<script>和</script>之间
2. 由<script />标记的 src 属性制定外部的 js 文件
3. 放在事件处理程序中，比如：<p onclick="alert('我是由 onclick 事件
执行的 Javascript')">点击我</p>
4. 作为 URL 的主体，这个 URL 使用特殊的 Javascript：协议，比如：<a
href="javascript:alert('我是由 javascript:协议执行的
javascript')">点击我</a>
5. 利用 javascript 本身的 document.write()方法写入新的 javascript 代
码
6. 利用 Ajax 异步获取 javascript 代码，然后执行
第 3 种和第 4 种方法写入的 Javascript 需要触发才能执行，所以除非特别设置，
否则页面加载时不会执行。
二、Javascript 在页面的执行顺序
1. 页面上的 Javascript 代码是 HTML 文档的一部分，所以 Javascript 在页
面装载时执行的顺序就是其引入标记<script />的出现顺序， <script />
标记里面的或者通过 src 引入的外部 JS，都是按照其语句出现的顺序执
行，而且执行过程是文档装载的一部分。
2. 每个脚本定义的全局变量和函数，都可以被后面执行的脚本所调用。
3. 变量的调用，必须是前面已经声明，否则获取的变量值是 undefined。
4. <script type="text/javscrpt">//<![CDATA[
5. alert(tmp); //输出 undefined
6. var tmp = 1;
7. alert(tmp); //输出 1
//]]></script>
8. 同一段脚本，函数定义可以出现在函数调用的后面，但是如果是分别在两
段代码，且函数调用在第一段代码中，则会报函数未定义错误。
9. <script type="text/javscrpt">//<![CDATA[
10.aa(); //浏览器报错
11.//]]></script>
12.<script type="text/javscrpt">//<![CDATA[
13.aa(); //输出 1
14.function aa(){alert(1);}
//]]></script>
评论0
最新资源