我們可以將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 這是輸出的語句,後面我們會講到
下一節