網頁中嵌入JavaScript+事件觸發程式
阿新 • • 發佈：2018-12-21
嵌入方式：
1.JavaScript程式碼與HTML寫在同一個文件中
JavaScript程式碼要放在<script>和</script>標籤之間
而且整個JavaScript程式碼最好放在</body>前，這樣可以讓瀏覽器先載入並顯示主體
2.JavaScript程式碼單獨存成.js檔案，讓網頁文件通過連結方式引用
外部JavaScript程式檔案通常都儲存在名字為js的資料夾中，引用外部.js檔案，需要<script>標籤的src屬性設定路徑
<srcipt src="js/main.js"></script>//js資料夾裡main.js檔案
事件觸發程式
onLoad//網頁載入完畢後觸發<body>標籤中
onMousOver//滑鼠指標移動到指定物件觸發
onMoutOut//滑鼠指標離開指定物件觸發
onClick//滑鼠左鍵點選觸發
onKeyDown//按鍵按下觸發
onKeyUp//按鍵放開觸發
除了onLoad，其餘事件可用於任何標籤中
加了幾個程式碼，
網頁載入完畢後效果：
然後點選how are you
產生效果：
但是呢，現在網頁內文最好不要加一些JavaScript。
因為這樣不適於重複使用和維護
而且每一次使用都要從新載入一遍JavaScript程式碼。如果我們單獨寫到一個檔案裡，那麼瀏覽器會在本機有快取，就不需要從新下載程式碼了
所以呢我們要分離內容(HTML)與互動邏輯(JavaScript)
所以呢，我要準備學jQuery了
今天一天飯還沒吃，容我吃頓飯