JavaScript基礎知識-js編寫位置
作者：尹正傑
版權聲明：原創作品，謝絕轉載！否則將追究法律責任。
一.JavaScript源代碼
alert("我是外部JS文件")
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JS編寫位置</title>
<!--
可以將JS代碼編寫到外部js文件中，然后通過script標簽引入。
溫馨提示:
將JS代碼寫到外部文件中可以在不同的頁面中同時引用，也可以利用到瀏覽器的緩存機制，這是咱們推薦的方式;
script標簽一旦引入了外部文件就不能在該標簽繼續編寫JS代碼了，及時編寫了瀏覽器也會忽略，如需要在頁面內部繼續編寫JS代碼則可以再創建一個新的script標簽用於編寫內部代碼;
-->
<script type="text/javascript" src="js/script.js" ></script>
<!--
可以將JS代碼編寫到script標簽中。
-->
<script type="text/javascript">
alert("我是內部的JS代碼")
</script>
</head>
<body>
<!--
如下所示，雖然JS代碼可以寫在標簽的屬性中，但是他們屬於結構與行為耦合，不方便維護，因此不推薦使用。
-->
<!--
可以將JS代碼編寫到標簽的onclick屬性中，當我們點擊按鈕時，js代碼才會被執行
-->
<button onclick="alert('你好壞喲~點人家干嘛呀~非禮呀~~~~~')">你點我呀</button>
<!--
可以將JS代碼編寫在超鏈接的href屬性中，這樣當點擊超鏈接時，會執行JS代碼。
-->
<a href="javascript:alert('讓你點你就點你我呀！！！');">不要停，請點我</a>
<a href="javascript:;">你就算點我我也不搭理你</a>
</body>
</html>
二.瀏覽器打開以上代碼渲染結果
1>.打開瀏覽器，會優先執行導寫在最上面的JS代碼
2>.執行第一個JS代碼后，會陸續執行第二個
3>.當<head>標簽中所有的JS代碼執行完畢后，會顯示<body>標簽的內容
4>.點擊按鈕會觸發JS代碼
5>.點擊第一個超鏈接也會觸發JS代碼，但是點擊第二個超鏈接則不會有任何反應
