網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好

如何在html中調用js代碼

欄目: IT技術 / 發佈於: / 人氣:5.44K

我們編寫HTML的時候經常需要調用JS的相關代碼,那麼如何在HTML中調用JS的代碼呢?下面小編給大家分享一下。

工具/材料

Sublime text

操作方法

首先打開Sublime text軟件編寫一個html頁面,如下圖所示

如何在html中調用js代碼

然後我們在html頁面中添加script標籤,在script裏簡單的寫一些JS的代碼,如下圖所示

如何在html中調用js代碼 第2張

接下來可以定義一個button按鈕,通過其click事件來調用JS的代碼,如下圖所示

如何在html中調用js代碼 第3張

當然,如果調用的JS代碼是外部的文件,則需要在開頭的head標籤內進行引入才可以使用,如下圖所示

如何在html中調用js代碼 第4張
Tags:HTML js 調用 代碼