JavaScript代碼可以直接嵌在網(wǎng)頁的任何地方琐旁,不過通常我們都把JavaScript代碼放到<head>
中:
<html>
<head>
<script>
alert('Hello, world');
</script>
</head>
<body>
...
</body>
</html>
由<scirpt>...</script>包含的代碼就是JS代碼,直接被瀏覽器執(zhí)行
第二種方法就是把JS代碼放在一個(gè)單獨(dú)的.js文件中畜伐,然后再HTML中通過<script src="..."></script>引入這個(gè)文件:
<html>
<head>
<script src="/static/js/abc.js"></script>
</head>
<body>
...
</body>
</html>
這樣闷沥,/static/js/abc.js 就會被瀏覽器執(zhí)行父虑。
<u>把JS代碼放入一個(gè)單獨(dú)的.js文件中更利于維護(hù)代碼单山,</u>并且多個(gè)頁面可以各自引用同一份.js文件。
可以在同一個(gè)頁面引入多個(gè).js文件悠砚,還可以在頁面中多次編寫<script>js代碼...</script>晓勇,瀏覽器按照順序依次執(zhí)行。
有些<script>標(biāo)簽還設(shè)置了一個(gè)type屬性:
<script type="text/javascript">
</script>
現(xiàn)在默認(rèn)的type就是javascript,所以不必顯示把type指定為javascript灌旧。
注意:可以用任何文本編輯器來編寫JS代碼绑咱。但是不可以用word或?qū)懽职鍋砭帉慾s或者h(yuǎn)tml,因?yàn)閹Ц袷降奈谋颈4婧蟛皇羌兾谋疚募荒鼙粸g覽器正常讀取节榜。
<h2>如何運(yùn)行JavaScript</h2>
必須要現(xiàn)有一個(gè)Html頁面羡玛,在html頁面中引入js别智,然后讓瀏覽器加載該html頁面宗苍。就能執(zhí)行js代碼。
由于瀏覽器的安全限制薄榛,<u>以file://開頭的地址無法執(zhí)行如聯(lián)網(wǎng)等js代碼</u>讳窟,最終還是需要架設(shè)一個(gè)web服務(wù)器,然后以http://開頭的地址來正常執(zhí)行所有的Js代碼敞恋。
<h2>調(diào)試代碼</h2>
安裝chorme瀏覽器→F12(或鼠標(biāo)右鍵-檢查)丽啡,點(diǎn)擊“控制臺(console)”,在這個(gè)面板里直接輸入js代碼硬猫,回車執(zhí)行补箍。<u>要查看一個(gè)變量的內(nèi)容改执,在console中輸入 console.log(a);</u>,回車后顯示的值就是變量的內(nèi)容,也可以研究開發(fā)者工具的“源碼(sources)”坑雅,掌握端點(diǎn)辈挂、單步執(zhí)行等高級調(diào)試技巧。
----------------------------------------------------------------------學(xué)自<廖雪峰>的Js教程