初學javaScript之html頁面運行javaScript的三種方式

? ? ? ?javaScript作為一種腳本語言可以直接嵌入到html網頁里面由瀏覽器解釋執行,在html頁面運行javaScript有三種方式,其中有兩種方式是直接在html頁面中編寫javaScript代碼,第三種方式是單獨將javacript代碼生成一個*.js文件保存在一個目錄中由<script>標簽的src屬性導入到當前頁面,下面就這三種方法分別作以下講解:


一:使用超鏈接方式

? ? ? 在h5中所有擁有超鏈接屬性的標簽都可以直接執行Javascript所定義的功能;格式為Src="javascript:********",下面實例定義了一個<a></a>標簽,當進入頁面時點擊標簽內容“第一種方式”就會執行Javacript:alert('hello world');

代碼實例1

? ? ? ?執行結果如下:


執行結果

二:使用<script></script>標簽

? ? ? 這種方式是當頁面運行時直接執行JavaScript內容,示例如下(因為實例代碼內部沒有其他標簽,當執行代碼時瀏覽器就會直接執行<script>標簽內容):


代碼實例2


運行結果

三:導入javascrip代碼

? ? ? 這種方式可以達到將javascript代碼與html代碼分離的效果,需要用到<script></script>標簽的src屬性,下面實例在當前目錄下創建了一個test.js文件,瀏覽器執行到<script></script>內容時就會按照src屬性內容導入text.js文件并且執行,實例如下:

test.js文件內容


html代碼內容


運行結果

總結:三種方式各有最適用的環境,當JavaScript代碼量不多并且不需要JavaScript代碼與HTML代碼分離時可采用第一種方式,當JavaScript代碼量比較多并且不需要JavaScript代碼與HTML代碼分離時可采用第二種方式,當需要JavaScript代碼與HTML代碼分離時采用第三種方式比較適用;

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容