浏览器加载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的顺序

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

浏览器加载网页的顺序和优化

本文导读:WEB 页面运行在各种各样的浏览器当中,浏览器载入、渲染页面的速度直接影响着用户体验简单地说,页面渲染就是浏览器将 HTML 代码根据 CSS 定义的规则显示在浏览器窗口中的这个过程。我们能...
  • liziki
  • liziki
  • 2016年09月12日 15:48
  • 347

javascript脚本从载入浏览器到显示执行的过程解析

简单的代码: var i = 10; function say(msg){ alert(msg); } ...
  • javaloveiphone
  • javaloveiphone
  • 2015年12月15日 00:16
  • 652

html,css,js加载顺序

html,css,js加载顺序
  • aquial
  • aquial
  • 2017年05月21日 00:28
  • 586

浏览器加载js的阻塞与非阻塞

浏览器加载js的阻塞与非阻塞 阅读:2990 时间:2015-01-05 12:07 分享: 0  这几天因项目需求,要实现一系列的js文件加载的问题,于是...
  • xiangbq
  • xiangbq
  • 2016年08月17日 16:25
  • 2536

javascript基础学习笔记

编者寄言:  本文主要为编者读书笔记,在文章里面很多话是掺杂了编者自己的见解,如果有哪里出现错误或者用词不严谨,请友善留言,编者会及时去更改。 本文很多地方只是简单说了一下应该注意的地方,具体代码部分...
  • u012967849
  • u012967849
  • 2016年07月20日 14:08
  • 1958

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

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

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

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

javascript学习笔记

第一章 一、JavaScript概述 JavaScript是基于对象和事件驱动的脚本语言,主要应用在客户端。 特点: 1.交互性(它可以做的就是信息的动态交互) 2.安全性(它不允许直接访问本地硬盘...
  • zhoulenihao
  • zhoulenihao
  • 2013年09月04日 23:04
  • 4111

JavaScript 加载顺序和异步加载详解

JavaScript 加载顺序和异步加载详解
  • sinat_15951543
  • sinat_15951543
  • 2016年06月23日 10:02
  • 1316
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:浏览器加载javascript顺序笔记
举报原因:
原因补充:

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