浏览器加载javascript顺序笔记

原创 2013年12月04日 09:46:13

html加载javascript执行顺序
1、JavaScript代码是Html文档的一部分,标记里面或者通过src引入的外部JS都是按照其语句的出现顺序执行的


2、每个脚本定义的全局变量和函数都可以被后面执行的脚本所调用


3、变量调用前必须提前声明,否则获取的变量值是undefined


4、同一段脚本,函数定义可以出现在函数调用的后面,但是如果分别在两端代码,且函数调用在第一段代码中,则会报错。例如:

<script type="text/javascript">
aa();//浏览器会报错
</script>
<script type="text/javascript">
aa();//输出1
function aa(){
 alert(1);
}
</script>

 

5、document.write()会把输出写入到脚本文档所在的位置,浏览器解析完document.write()方法之后,会继续解析输出的内容。例如:

<script type="text/javascript">
document.write('<script type=\"text\/javascript\" src=\"test.js\"><\/script>');
document.write('<script type="text\/javascript">');
document.write('alert(2);');
document.write('alert(\"我是\" + temp);');
document.write('<\/script>');
</script>
<script type="text/javascript">
document.write('alert(3);');
</script>

 

6、上面的例子只能在firefox中能够正常运行,不会出现脚本错误——在ie中,不会等待test.js下载并解析完的,会创建另一线程搞定它,而主线程则越过去。但在ff中。则会等待,直到test.js下载、解析、执行完毕。

7、可以利用onload事件改变JavaScript执行顺序,(如果在onload方法中使用定时器,也可以改变代码执行的顺序)

8、利用AJAX能够改变代码的加载顺序

相关文章推荐

关于html和javascript在浏览器中的加载顺序问题的讨论

====================================================== 注:本文源代码点此下载 =============================...

浏览器加载显示html页面内容的顺序

====================================================== 注:本文源代码点此下载 =============================...

动态引入的外部 JS 文件在各浏览器中的加载顺序不一致问题解决

标准参考 无。 问题描述 页面开发过程中,为了避免页面加载时引入过多外部 JS 文件,导致阻塞页面内容下载及渲染的情况出现。将会采用页面内容加载完成后,动态加载外部 JavaScript 文件的...
  • tabby
  • tabby
  • 2012年10月14日 17:46
  • 6355

浏览器加载和渲染HTML的顺序

转载自 http://www.cnblogs.com/elegance/p/4233986.html 浏览器加载和渲染html的顺序 用户输入网址(假设是个html页面,并且是第一次访问),浏览器向服...

浏览器加载和渲染html的顺序-css渲染效率的探究

1.浏览器加载和渲染html的顺序 1、IE下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的。 2、在渲染到页面的某一部分时,其上面的所有部分都已经下载完成(并不是说所有相关联的元...

浏览器加载、渲染html的顺序和页面优化

浏览器加载和渲染html的顺序 1. IE下载的顺序是从上到下,渲染(就是把请求的内容显示到浏览器屏幕上)的顺序也是从上到下,下载和渲染是同时进行的。  2. 在渲染到页面的某一部分时,其上面的所有部...

html系列--浏览器加载和渲染html的顺序

浏览器加载和渲染html的顺序   前阵子,发现了这篇文章,发现自己开发网站这么长时间了,还不太清楚这个,今天和大家分享一下。 1.浏览器加载和渲染html的顺序 1...

浏览器浅析(一)--文件加载和解析顺序

特别说明一下有关js文件的加载和

浏览器加载和渲染html的顺序

1.浏览器加载和渲染html的顺序 1、IE下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的。 2、在渲染到页面的某一部分时,其上面的所有部分都已经下载完成(并...

Javascript代码在页面加载时的执行顺序介绍

一、在HTML中嵌入Javasript的方法 1.直接在Javascript代码放在标记对和之间 2.由标记的src属性制定外部的js文件 3.放在事件处理程序中,比如:点击我 4.作为URL...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:浏览器加载javascript顺序笔记
举报原因:
原因补充:

(最多只允许输入30个字)