代碼放在head里面沒(méi)有效果
我把js代碼放在了head里面，document.write("開(kāi)啟JS之旅");這個(gè)可以打印出來(lái)，但document.getElementById("p1").style.color="blue";沒(méi)起作用，想問(wèn)下如何解決，期待大神們回答。
<!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("開(kāi)啟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("開(kāi)啟JS之旅!"); ????? ???????window.onload=function(){ ????????document.getElementById('p1').style.color="blue"; ??????} ???</script> </head> <body> <p?id="p1">我要改變顏色</p>? </body> </html>當(dāng)你用window.onload再document.write給頁(yè)面賦值的時(shí)候，你已經(jīng)改變了整個(gè)body的內(nèi)容，p標(biāo)簽中的內(nèi)容已經(jīng)被代替了，已經(jīng)找不到p標(biāo)簽了。正解如上
2016-09-13
js代碼放在head處頁(yè)面會(huì)先加載js里的內(nèi)容然后再加載body里的內(nèi)容，因?yàn)槟阍趈s里設(shè)置的顏色被后面的覆蓋掉了，因此js代碼最好放在</body>之前。