由于解析的时候从上往下,script标签必须放在body中才能正确显示,那怎样才能让script标签放在head标签中也能正常显示?
<script type="text/javascript">
window.onload = function () {
var mychar= document.getElementById("con");
mychar.style.color="red";
mychar.style.backgroundColor="#ccc";
mychar.style.width="200px";
}
</script>
window.onload = function () {}这是原生js的方法,作用是让dom加载完毕再加载里面的js,但是有一点不好的是,如果页面中有很多图片,那么,这个方法会导致,要等到所有图片都加载完毕才会使用里面的js。也就是说,用户打开页面,将无法一下子看到我们用js做出的效果,必须要图片加载完。
解决办法:学习Jqurery的$(document).ready,
我觉得这个script的位置并没有关系,从上往下应该是网页加载的样式,script有放在head的,也有放在body里面的,应该是个人喜好。而网页完全下载到浏览器之后,应该是对样式设置标签如class,id,script之类的先进行预处理,然后才开始从上往下进行解析,也就是script优先于主体内容进行处理解析的哦