當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

[JS-BOM]BOM_Window窗口对象

發(fā)布時間：2023/12/4 javascript 28 豆豆

生活随笔收集整理的這篇文章主要介紹了 [JS-BOM]BOM_Window窗口对象小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

Window：窗口對象

1. 創(chuàng)建2. 方法1. 與彈出框有關的方法：alert() 顯示帶有一段消息和一個確認按鈕的警告框。confirm() 顯示帶有一段消息以及確認按鈕和取消按鈕的對話框。* 如果用戶點擊確定按鈕，則方法返回true* 如果用戶點擊取消按鈕，則方法返回falseprompt() 顯示可提示用戶輸入的對話框。* 返回值：獲取用戶輸入的值2. 與打開關閉有關的方法：close() 關閉瀏覽器窗口。* 誰調(diào)用我，我關誰open() 打開一個新的瀏覽器窗口* 返回新的Window對象3. 與定時器有關的方式setTimeout() 在指定的毫秒數(shù)后調(diào)用函數(shù)或計算表達式。* 參數(shù)：1. js代碼或者方法對象2. 毫秒值* 返回值：唯一標識，用于取消定時器clearTimeout() 取消由 setTimeout() 方法設置的 timeout。setInterval() 按照指定的周期（以毫秒計）來調(diào)用函數(shù)或計算表達式。clearInterval() 取消由 setInterval() 設置的 timeout。3. 屬性：1. 獲取其他BOM對象：historylocationNavigatorScreen:2. 獲取DOM對象document4. 特點* Window對象不需要創(chuàng)建可以直接使用 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. 創(chuàng)建2. 方法1. 與彈出框有關的方法：alert() 顯示帶有一段消息和一個確認按鈕的警告框。confirm() 顯示帶有一段消息以及確認按鈕和取消按鈕的對話框。* 如果用戶點擊確定按鈕，則方法返回true* 如果用戶點擊取消按鈕，則方法返回falseprompt() 顯示可提示用戶輸入的對話框。* 返回值：獲取用戶輸入的值2. 與打開關閉有關的方法：close() 關閉瀏覽器窗口。* 誰調(diào)用我，我關誰open() 打開一個新的瀏覽器窗口* 返回新的Window對象3. 與定時器有關的方式setTimeout() 在指定的毫秒數(shù)后調(diào)用函數(shù)或計算表達式。* 參數(shù)：1. js代碼或者方法對象2. 毫秒值* 返回值：唯一標識，用于取消定時器clearTimeout() 取消由 setTimeout() 方法設置的 timeout。setInterval() 按照指定的周期（以毫秒計）來調(diào)用函數(shù)或計算表達式。clearInterval() 取消由 setInterval() 設置的 timeout。3. 屬性：1. 獲取其他BOM對象：historylocationNavigatorScreen:2. 獲取DOM對象document4. 特點* Window對象不需要創(chuàng)建可以直接使用 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~~');}//循環(huán)定時器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窗口对象的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。