代碼放在head里面沒有效果
我把js代碼放在了head里面，document.write("開啟JS之旅");這個可以打印出來，但document.getElementById("p1").style.color="blue";沒起作用，想問下如何解決，期待大神們回答。
<!DOCTYPE HTML>
<html>
<head>
? ?<meta http-equiv="Content-Type" content="text/html; charset=gb18030">
? ?<title>插入js代碼</title>
? ?<script type="text/javascript">
? ?window.onload=function(){
? ? ? ?document.write("開啟JS之旅!");
? ? ? ?document.getElementById("p1").style.color="blue";
? ?}
? ?</script>
</head>
<body>
<p id="p1">我要改變顏色</p>
</body>
</html>
2016-09-13
<!DOCTYPE?HTML> <html> <head> ???<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> ???<title>插入js代碼</title> ???????<script?type="text/javascript"> ??? ????????document.write("開啟JS之旅!"); ????? ???????window.onload=function(){ ????????document.getElementById('p1').style.color="blue"; ??????} ???</script> </head> <body> <p?id="p1">我要改變顏色</p>? </body> </html>當你用window.onload再document.write給頁面賦值的時候，你已經改變了整個body的內容，p標簽中的內容已經被代替了，已經找不到p標簽了。正解如上
2016-09-13
js代碼放在head處頁面會先加載js里的內容然后再加載body里的內容，因為你在js里設置的顏色被后面的覆蓋掉了，因此js代碼最好放在</body>之前。