JavaScript學習高階1
阿新 • • 發佈:2022-01-07
Doucment(Dom)文件物件,使用者控制html文件中的元素,
<span id="span" onclick="fun();">1111</span>
<div id="div">2222</div>
<script> function fun(){ alert("span被點了") } function fun2(){ alert("div被點了") } var a=document.getElementById("div") a.onclick=fun2;
</script> 獲取元素物件; 繫結事件 事件處理函式; BOM: 1. 概念:Browser Object Model 瀏覽器物件模型 * 將瀏覽器的各個組成部分封裝成物件。 2.組成: * Window:視窗物件 * Navigator:瀏覽器物件 * Screen:顯示器螢幕物件 * History:歷史記錄物件 * Location:位址列物件 3. Window:視窗物件 1. 建立 2. 方法 1. 與彈出框有關的方法: alert() 顯示帶有一段訊息和一個確認按鈕的警告框。 confirm() 顯示帶有一段訊息以及確認按鈕和取消按鈕的對話方塊。 * 如果使用者點選確定按鈕,則方法返回true * 如果使用者點選取消按鈕,則方法返回false prompt() 顯示可提示使用者輸入的對話方塊。 * 返回值:獲取使用者輸入的值
<script> function fun(){ alert("span被點了") } function fun2(){ alert("div被點了") } var a=document.getElementById("div") a.onclick=fun2;
</script> 獲取元素物件; 繫結事件 事件處理函式; BOM: 1. 概念:Browser Object Model 瀏覽器物件模型 * 將瀏覽器的各個組成部分封裝成物件。 2.組成: * Window:視窗物件 * Navigator:瀏覽器物件 * Screen:顯示器螢幕物件 * History:歷史記錄物件 * Location:位址列物件 3. Window:視窗物件 1. 建立 2. 方法 1. 與彈出框有關的方法: alert() 顯示帶有一段訊息和一個確認按鈕的警告框。 confirm() 顯示帶有一段訊息以及確認按鈕和取消按鈕的對話方塊。 * 如果使用者點選確定按鈕,則方法返回true * 如果使用者點選取消按鈕,則方法返回false prompt() 顯示可提示使用者輸入的對話方塊。 * 返回值:獲取使用者輸入的值