学习javascript的起点就是处理网页，所以我们先学习基础语法和如何使用DOM操作
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>为什么学习JavaScript</title> <!-- 问题点 --> <!-- <script type="text/javascript"> { document.write("试一试了，说不定可以的"); document.getElementById("box2").style.background="red"; } </script> --> <!-- 解决办法二 --> <!-- <script type="text/javascript"> window.onload=function(){ document.getElementById("box2").style.background="blue"; document.getElementById("box2").style.color="#fff"; } </script> --> </head> <body> <div id="box1">我是box1,我要学好javascript</div> <div id="box2">我是box2,我能不能学好javascript</div> </body> <script type="text/javascript"> { document.write("试一试了，说不定可以的"); document.getElementById("box2").style.background="red"; document.getElementById("box2").style.color="#fff"; } </script> </html>
总结：遇到问题如果直接把js写在这个head标签内，页面报错，无法获取到bo2的id，导致页面无法正常加载，因此需要把这个写在body里面，js从上至下加载；当然如果你用window.onload=function(){}页面执行完毕在加载话，页面就只展示document.write("试一试了，说不定可以的");了
原文：https://www.cnblogs.com/dhnblog/p/12459536.html