qq_笛_0
2016-01-02 16:57
<!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>初识css</title> <script type="text/javascript"> document.write("hello"); document.getElementById("p1").style.color="blue"; </script> </head> <body> <p id="p1">我是第一段文字</p> <p id="p2">我是第二段文字</p> </body> </html> 为什么P1不显示为蓝色?而css这样的格式就可以呢
因为浏览器是从上到下渲染页面的,body还没加载,所以你的脚本找不到body的内容
谢谢各位,后面的章节是这么解释的:javascript作为一种脚本语言可以放在html页面中任何位置,但是浏览器解释html时是按先后顺序的,所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面,因为初始化都要求提前进行(如给页面body设置css等);而如果是通过事件调用执行的function那么对位置没什么要求的
HTML可以理解为面向过程的
JavaScript入门篇
740167 学习 · 9566 问题
相似问题
回答 3
回答 3