當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

网页中嵌入JavaScript+事件触发程序

發布時間：2025/3/12 javascript 20 豆豆

生活随笔收集整理的這篇文章主要介紹了网页中嵌入JavaScript+事件触发程序小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

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了
今天一天飯還沒吃，容我吃頓飯

以上是生活随笔為你收集整理的网页中嵌入JavaScript+事件触发程序的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。