當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
[JS-BOM]BOM_Window窗口对象
生活随笔
收集整理的這篇文章主要介紹了
[JS-BOM]BOM_Window窗口对象
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
Window：窗口對象
1. 創建2. 方法1. 與彈出框有關的方法：alert() 顯示帶有一段消息和一個確認按鈕的警告框。confirm() 顯示帶有一段消息以及確認按鈕和取消按鈕的對話框。* 如果用戶點擊確定按鈕，則方法返回true* 如果用戶點擊取消按鈕，則方法返回falseprompt() 顯示可提示用戶輸入的對話框。* 返回值：獲取用戶輸入的值2. 與打開關閉有關的方法：close() 關閉瀏覽器窗口。* 誰調用我 ，我關誰open() 打開一個新的瀏覽器窗口* 返回新的Window對象3. 與定時器有關的方式setTimeout() 在指定的毫秒數后調用函數或計算表達式。* 參數：1. js代碼或者方法對象2. 毫秒值* 返回值：唯一標識，用于取消定時器clearTimeout() 取消由 setTimeout() 方法設置的 timeout。setInterval() 按照指定的周期（以毫秒計）來調用函數或計算表達式。clearInterval() 取消由 setInterval() 設置的 timeout。3. 屬性：1. 獲取其他BOM對象：historylocationNavigatorScreen:2. 獲取DOM對象document4. 特點* Window對象不需要創建可以直接使用 window使用。 window.方法名();* window引用可以省略。 方法名();示例代碼如下:
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Window對象</title></head> <body><input id="openBtn" type="button" value="打開窗口"><input id="closeBtn" type="button" value="關閉窗口"><script>/*Window：窗口對象1. 創建2. 方法1. 與彈出框有關的方法：alert() 顯示帶有一段消息和一個確認按鈕的警告框。confirm() 顯示帶有一段消息以及確認按鈕和取消按鈕的對話框。* 如果用戶點擊確定按鈕，則方法返回true* 如果用戶點擊取消按鈕，則方法返回falseprompt() 顯示可提示用戶輸入的對話框。* 返回值：獲取用戶輸入的值2. 與打開關閉有關的方法：close() 關閉瀏覽器窗口。* 誰調用我 ，我關誰open() 打開一個新的瀏覽器窗口* 返回新的Window對象3. 與定時器有關的方式setTimeout() 在指定的毫秒數后調用函數或計算表達式。* 參數：1. js代碼或者方法對象2. 毫秒值* 返回值：唯一標識，用于取消定時器clearTimeout() 取消由 setTimeout() 方法設置的 timeout。setInterval() 按照指定的周期（以毫秒計）來調用函數或計算表達式。clearInterval() 取消由 setInterval() 設置的 timeout。3. 屬性：1. 獲取其他BOM對象：historylocationNavigatorScreen:2. 獲取DOM對象document4. 特點* Window對象不需要創建可以直接使用 window使用。 window.方法名();* window引用可以省略。 方法名();*//*alert("hello window");window.alert("hello a")*//*//確認框var flag = confirm("您確定要退出嗎？");if(flag){//退出操作alert("歡迎再次光臨！");}else{//提示：手別抖...alert("手別抖...");}*//*//輸入框var result = prompt("請輸入用戶名");alert(result);*//* //打開新窗口var openBtn = document.getElementById("openBtn");var newWindow;openBtn.onclick = function(){//打開新窗口newWindow = open("https://www.baidu.com");}//關閉新窗口var closeBtn = document.getElementById("closeBtn");closeBtn.onclick = function(){// 關閉新窗口newWindow.close();}*///一次性定時器//setTimeout("fun();",2000);//var id = setTimeout(fun,2000);//clearTimeout(id);/* function fun(){alert('boom~~');}//循環定時器var id = setInterval(fun,2000);clearInterval(id); *//* //獲取historyvar h1 = window.history;var h2 = history;alert(h1);alert(h2); */var openBtn = window.document.getElementById("openBtn");alert(openBtn);/*document.getElementById("");*/</script> </body> </html>總結
以上是生活随笔為你收集整理的[JS-BOM]BOM_Window窗口对象的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 锻炼身体不出汗能减肥吗
- 下一篇： [JS-BOM]BOM_Location