1、js下载完成后才执行document的onload方法,图片下载完成后才会执行window的onload方法,404文件不存在的除外。
2、一定要在某个页面元素加载后再去执行document.getElementByIdx_x_x_x_x_x_x访问它,否则没有加载到它时会是null,报错!
3、html代码以及js加载的顺序是:按照文档里的先后顺序,从上往下依次加载:先加载head标签中的js代码段以及引入的js,然后加载body标签中的html代码以及js代码,再加载body标签下面的js代码。
4、图片、css可以并行下载,js是串行下载。对于Javascript的运行有两大特性:1)载入后马上执行,2)执行时会阻塞页面后续的内容(包括页面的渲染、其它资源的下载)。于是,如果有多个js文件被引入,那么对于浏览器来说,这些js文被串行地载入,并依次执行。
5、js阻塞页面后续的内容,后续有图片的话,图片会先下载,但是不会先展示。
6、JavaScript执行引擎并非一行一行地分析和执行程序,而是一段一段地分析执行的。而且在分析执行同一段代码中,定义式的函数语句会被提取出来优先执行。函数定义执行完后,才会按顺序执行其他代码。
<HTML>
<head>
<title>title</title>
<script>
alert('aaaaaaa');
</script>
</head>
<body onload="alert('bbbbbbb');">
<div>
ccccccc
</div>
<img src="http://img4.cache.netease.com/auto/2016/4/7/201604070818529b786.jpg"/>
<script>
alert('ddddddd');
</script>
</body>
</html>
文案显示顺序:
title
aaaaaaa
ccccccc
ddddddd
图片
bbbbbbb