你把 引入 两个 js 文件 的 script 标签放在 div 标签的上面,就会先加载完js,再加载div了。
像这样:
<script src="a.js"></script>
<script src="b.js"></script>
<div id="c" class="d">
浏览器加载 html 页面内容是按从上到下的顺序一行行执行的。
相反,如果想div先加载,就把div写到script标签上面。
如果把js文件放在前面会阻挡后面内容的呈现,会阻塞其后组件的下载。对于图片和css,在加载时会并发加载,但在加载js时,会禁用并发,并且阻止其它内容的下载,所以把js放在页面顶部会导致白屏现象。
默认是按顺序加载,JS很注重加载顺序,如果想设置加载顺序,可以用$(function(){//内容
})
写在里面的内容是在所有纯文字(html代码)加载完执行的。
或者用js自带的window.onload={
}写在这里面的是所有内容全部加载完执行,包括图片