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