爲什麼javascript鏈接在本地主機中不起作用？

-2

當腳本標記在head時，請幫助js文件在localhost中不起作用。爲什麼javascript鏈接在本地主機中不起作用？

document.getElementById("demo").innerHTML = 
 
    typeof "john" + "<br>" + 
 
    typeof 3.14 + "<br>" + 
 
    typeof false + "<br>" + 
 
    typeof [1,2,3,4] + "<br>" + 
 
    typeof {name:'john', age:34};

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="UTF-8"> 
 
    <title>Title</title> 
 
    <script src="javascript/script.js"></script> 
 
</head> 
 
<body> 
 

 
<p id="demo"></p> 
 

 
</body> 
 
</html>

但是當它在體內它works.My質疑。爲什麼？

來源

2015-12-24 Sn0ker

使用你的代碼在onload .... –

你的意思是F12在Mozilla中？ – Sn0ker

問題是你的代碼在body加載之前在head中執行。 document.getElementById("demo")找不到元素「demo」，因爲它還不存在。

使用它的onload：

window.onload = function() { 
    document.getElementById("demo").innerHTML = 
    typeof "john" + "<br>" + 
    typeof 3.14 + "<br>" + 
    typeof false + "<br>" + 
    typeof [1,2,3,4] + "<br>" + 
    typeof {name:'john', age:34}; 
}

來源

2015-12-24 10:55:31 CoderPi

這是因爲當你正在把這個js代碼段head標籤裏面不知道是什麼<p id="demo"></p>

但是當你把它的身體標籤內，第一DOM得到解析，則執行JS。你仍然可以把它的頭標籤內使用window.load。這裏是片斷

window.onload=function(){ 
document.getElementById("demo").innerHTML = 
    typeof "john" + "<br>" + 
    typeof 3.14 + "<br>" + 
    typeof false + "<br>" + 
    typeof [1,2,3,4] + "<br>" + 
    typeof {name:'john', age:34}; 
}

WORKING COPY

來源

2015-12-24 10:54:58 brk

document.getElementById("demo")將嘗試找到ID demo一個元素，但由於在頁面尚未完全呈現，它將不會找到任何內容並返回null。使用window.onload。

window.onload = function(){ 
    document.getElementById("demo").innerHTML = 
    typeof "john" + "<br>" + 
    typeof 3.14 + "<br>" + 
    typeof false + "<br>" + 
    typeof [1,2,3,4] + "<br>" + 
    typeof {name:'john', age:34}; 
};

來源

2015-12-24 10:55:11 Ramanlfc

腳本應該總是在你的身體的底部被加載，以確保DOM被執行之前加載。或者，你可以使用JQuery $(document).ready(function(){ //put your code in here });

來源

2015-12-24 10:57:54 Konst

爲什麼javascript鏈接在本地主機中不起作用？

回答

相關問題