理论上,js代码可以放置在html文件的任何位置,<head>与</head>之间、页面底部等等,是不影响html页面内容的。但今天在玩js的时候,忽然js无法起到作用,经过百度查询资料后,发现了原因。故做了一个小实验。
<!DOCTYPE html> <meta charset="utf-8"> <html> <head> <script> document.getElementById("qq").innerHTML="qwqsaw"; </script> </head> <body> <h1 id="qq">qweqe</h1> </body> </html>
上诉代码,未将h1内容改变,原因:html中,<head>与</head>之间的代码是最先执行的,而DOM树还未构建,故无法添加儿子结点。以后,js代码无论是外部还是内部,均放置在底部或<body>与</body>之间。