找到你的位置(JS在頁面中的位置)
我們可以將JavaScript代碼放在html文件中任何位置,但是我們一般放在網頁的head或者body部分。
放在<head>部分
最常用的方式是在頁面中head部分放置<script>元素,瀏覽器解析head部分就會執行這個代碼,然后才解析頁面的其余部分。
放在<body>部分
JavaScript代碼在網頁讀取到該語句的時候就會執行。
注意:?javascript作為一種腳本語言可以放在html頁面中任何位置,但是瀏覽器解釋html時是按先后順序的,所以前面的script就先被執行。比如進行頁面顯示初始化的js必須放在head里面,因為初始化都要求提前進行(如給頁面body設置css等);而如果是通過事件調用執行的function那么對位置沒什么要求的。
?
?
任務
我們試一試,在不同位置寫入JS代碼:
1.在右邊編輯器的第7行輸入document.write("I love");
2.在右邊編輯器的第12行輸入
document.write("javascript");
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS代碼的位置</title>
<script type="text/javascript">document.write("I love")
</script>
</head>
<body>
<script type="text/javascript">
document.write("javascript")</javascript>
</script>
</body>
</html>