1. 程式人生 > 其它 >JavaScript系列-02 HTML嵌入js程式碼的第二種方式

JavaScript系列-02 HTML嵌入js程式碼的第二種方式

技術標籤:jsjs

javaScript系列

HTML中嵌入js程式碼的第二種方式
指令碼塊的方式


文章目錄


前言

實現一個最簡單的訊息框彈出,用於舉例。


一、瞭解指令碼塊的方式

1.1執行規則

暴露在指令碼塊中的程式,在頁面開啟的時候執行。

並且遵守自上而下的順序依次逐行執行。(無需事件)

二、執行原理

1.編寫程式碼

程式碼如下(示例):

<!--第二種方式:指令碼塊的方式-->
		<script type="text/javascript"
> /* 暴露在指令碼塊當中的程式,在頁面開啟的時候執行, 並且遵守自上而下的順序依次逐行執行。(不需要事件) */ window.alert("Hello World!"); window.alert("Hello JavaScript!"); </script> <input type="button" value="我是按鍵" />

2.效果

在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述


總結

1、暴露在指令碼塊當中的程式,在頁面開啟的時候執行,
並且遵守自上而下的順序依次逐行執行。(不需要事件)

2、 alert函式會阻塞整個HTML頁面的載入。

3、window物件有一個函式叫做:alert,可用於彈窗。例如:window.alert(“消 息”)

4、javascript的指令碼塊在一個頁面當中可以出現多次。

5、javascript的指令碼塊出現位置也沒有要求。