Javascript 基礎教程之網頁中js程式碼的位置

我們可以將JavaScript程式碼放在html檔案中任何位置,但我們一般放在網頁的head或body部分。
放在<head>部分
最常用的方式是在頁面中head部分放置<script>元素,瀏覽器解析head部分就會執行這個程式碼,然後才解析頁面的其餘部分。
放在<body>部分
JavaScript程式碼在網頁讀取到該語句的時候就會執行。

如下程式碼:

<!DOCTYPE html>
<html>
<head>
	<title>javascript</title>
	<script type="text/javascript"></script>
</head>
<body>

</body>
</html>

這樣我們的js程式碼就是放在head 標籤內

還可以放在正文中,如下程式碼

<!DOCTYPE html>
<html>
<head>
	<title>javascript</title>
</head>
<body>
	<script type="text/javascript">
		
	</script>
</body>
</html>

注意: javascript作為一種腳本語言可以放在html頁面中任何位置,但是瀏覽器解釋html時是按先後順序的,所以前面的script就先被執行。例如進行頁面顯示初始化的js必須放在head裡面,因為初始化都要求提前進行(如給頁面body設定css等);而如果是透過事件呼叫執行的function那麼對位置沒什麼要求的。

下面我們來看下js 程式碼的格式

   <script type="text/javascript">
              
每一個js語句結尾,要寫上一個英文狀態下的分號,雖然可以不寫,但是我們為了寫程式碼的規範性,所以還是寫上,接下來我們寫一個實例:

<!DOCTYPE html>
<html>
<head>
	<title>javascript</title>
</head>
<body>
	<script type="text/javascript">
		document.write("HELLO    ");
		document.write("WORLD");
	</script>
</body>
</html>

註:document.write 這是輸出的語句,後面我們會講到

繼續學習
||
<!DOCTYPE html> <html> <head> <title>javascript</title> </head> <body> <script type="text/javascript"> document.write("HELLO "); document.write("WORLD"); </script> </body> </html>
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!