Javascript 基礎(chǔ)教程之網(wǎng)頁中js代碼的位置
我們可以將JavaScript代碼放在html文件中任何位置,但是我們一般放在網(wǎng)頁的head或者body部分。
放在<head>部分
最常用的方式是在頁面中head部分放置<script>元素,瀏覽器解析head部分就會執(zhí)行這個代碼,然后才解析頁面的其余部分。
放在<body>部分
JavaScript代碼在網(wǎng)頁讀取到該語句的時候就會執(zhí)行。
如下代碼:
<!DOCTYPE html> <html> <head> <title>javascript</title> <script type="text/javascript"></script> </head> <body> </body> </html>
這樣我們的js代碼就是放在head 標簽內(nèi)
還可以放在正文中,如下代碼
<!DOCTYPE html> <html> <head> <title>javascript</title> </head> <body> <script type="text/javascript"> </script> </body> </html>
注意: javascript作為一種腳本語言可以放在html頁面中任何位置,但是瀏覽器解釋html時是按先后順序的,所以前面的script就先被執(zhí)行。比如進行頁面顯示初始化的js必須放在head里面,因為初始化都要求提前進行(如給頁面body設(shè)置css等);而如果是通過事件調(diào)用執(zhí)行的function那么對位置沒什么要求的。
下面我們來看下js 代碼的格式
<script type="text/javascript">
js 語句 ;
</script>
每一個js語句結(jié)尾,要寫上一個英文狀態(tài)下的分號,雖然可以不寫,但是我們?yōu)榱藢懘a的規(guī)范性,所以還是寫上,接下來我們寫一個實例:
<!DOCTYPE html> <html> <head> <title>javascript</title> </head> <body> <script type="text/javascript"> document.write("HELLO "); document.write("WORLD"); </script> </body> </html>
注:document.write 這是輸出的語句,后面我們會講到