script的安放位置
為什么我把script放在head里面就沒有效果啊，只有把script放在body里面才有那些效果。
qq_無垠瀚海_04069334
2016-11-06
3 回答
舉報
0/150
提交
取消
2016-11-06
document.getElementById("con")涉及到 DOM 操作，script 放在?<head>?標簽里執行時，沒有找到對應的 DOM 對象可以操作，當然就失效了。
把script放在<head>元素中，就必須等到 js 代碼被執行完以后才能開始呈現頁面內容，這會造成頁面出現延遲，所以一般都把 js 代碼放在<body>中頁面內容的后面。
2016-11-06
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<script type="text/javascript">
var mychar=document.getElementById("con");
mychar.style.color="red";
mychar.style.backgroundColor="blue";
mychar.style.fontSize="20px";
mychar.style.width="300px";
</script>
</head>
<body>
<h1 ?id="con">I love JavaScript</h1>
<p>JavaScript使網頁顯示動態效果并實現與用戶交互功能。</p>
</body>
</html>
按照這個代碼完全沒有效果；
按照下面的代碼就有效果：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>
<body>
<h1 ?id="con">I love JavaScript</h1>
<p>JavaScript使網頁顯示動態效果并實現與用戶交互功能。</p>
<script type="text/javascript">
var mychar=document.getElementById("con");
mychar.style.color="red";
mychar.style.backgroundColor="blue";
mychar.style.fontSize="20px";
mychar.style.width="300px";
</script>
</body>
</html>
2016-11-06
有沒有用script的結尾