1 .window對象簡介
在JavaScript中，一個浏覽器視窗就是一個window對象。
簡單來說，JavaScript會把一個視窗看成一個對象，這樣我們就可以用這個對象的屬性和方法來操作這個視窗。實際上，當我們每次打開一個頁面時，浏覽器會自動為這個頁面建立一個window對象。
window對象存放了這個頁面的所有資訊，為了更好分類處理這些資訊，window對象下面又分為很多子對象
說明
document 文檔對象，用于操作頁面元素
location 位址對象，用于操作URL位址
navigator 浏覽器對象，用于擷取浏覽器版本資訊
history 曆史對象，用于操作浏覽曆史
screen 螢幕對象，用于操作螢幕寬度，高度。
doument對象也是window對象下的一個子對象。很多人以為一個視窗就是一個document對象，其實這個了解是錯誤的。因為一個視窗不僅僅包括HTML文檔，還包括浏覽器資訊，浏覽曆史，浏覽位址等。而document對象僅僅專門用來操作我們的HTML文檔中的元素。。用一句話概括就是：一個視窗就是一個window對象，這個視窗裡面的HTML文檔就是一個document對象，document對象是window對象的子對象。
在JavaScript中，我們使用window. close（）關閉一個新視窗；
文法：
window.close();
說明：
window.close()方法是沒有參數的
<!DOCTYPE >
<html>
<head>
<title ></title>
<meta charset="utf-8" />
<style type="text/css">
</style>
<script>
window.onload=function()
{
var btnOpen=document.getElementById("btn_open");
var btnClose=document.getElementById("btn_close");
var opener=null;
btnOpen.onclick=function()
{
opener=window.open("https://www.chmusk.top");
};
btnClose.onclick=function()
{
opener.close();
}
}
</script>
</head>
<body>
<input id="btn_open" type="button" value="打開新視窗"/>
<input id="btn_close" type="button" value="關閉新視窗" />
</body>
</html>
分析：
window.close()關閉的是目前視窗，opener.close()關閉的是新視窗。window和opener都是window對象。
1 對話框
在JavaScript中，對話框有三種alert(); confirm(); prompt()
這三個都是window對象的方法。當然可以省略window字首
-
alert()
在JavaScript中，alert()對話框一般用于提示文字。需要注意的是，在alert()中實作文本換行，用的是"\n"
2 confirm()
在JavaScript中，confirm對話框不僅提示文字，還提供确認。
文法：
confirm("提示文字")
說明：
如果使用者點選“确定”按鈕，則confirm()傳回true.如果使用者點選“取消"按鈕，則confirm()傳回false。
<!DOCTYPE >
<html>
<head>
<title ></title>
<meta charset="utf-8" />
<style type="text/css">
</style>
<script>
window.onload=function()
{
var oBtn=document.getElementById("btn");
oBtn.onclick=function()
{
if(confirm("要跳到chmusk首頁?")){
window.location.href="http://www.chmusk.top" target="_blank" rel="external nofollow" ;
}else
{
document.write("你取消了跳轉");
}
};
}
</script>
</head>
<body>
<input type="button" id="btn" value="回到首頁" />
</body>
</html>
3 prompt()
在JavaScript中，prompt()對話框不僅提示文字，還能傳回一個字元串。
文法;
prompt("提示文字")
舉例：
<!DOCTYPE >
<html>
<head>
<title ></title>
<meta charset="utf-8" />
<style type="text/css">
</style>
<script>
window.onload=function()
{
var oBtn=document.getElementById("btn");
oBtn.onclick=function()
{
var name=prompt("請輸入你的名字");
document.write("歡迎來到<strong>"+name+"</strong>");
};
}
</script>
</head>
<body>
<input type="button" id="btn" value="回到首頁" />
</body>
</html>
總結三種對話框
alert() 僅提示文字，沒有傳回值
confirm() 不僅提示文字，且傳回”布爾值“
prompt() 不僅·提示文字，還能傳回”字元串“
![nodejs微信開發---授權登入+擷取使用者資訊微信網頁授權[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)