BOM（Broswer Object Model） 凡是 window 的屬性和方法，均可以省略“window.” 方法： 框窗 1.警告框 window.alert("msg"); 2.確認框 window.confirm("msg"); 3.詢問框 window.prompt("msg","de ...
BOM（Broswer Object Model） 凡是 window 的屬性和方法，均可以省略“window.” 方法： 框窗 1.警告框 window.alert("msg"); 2.確認框 window.confirm("msg"); 3.詢問框 window.prompt("msg","defaulvalue") 頁面 1.打開一個視窗 window.open() 2.在子視窗中使用，表示父視窗的window對象 window.opener
window.opener.fatherSayHello(); 調用父視窗的方法
window.opener.a
3.關閉當前視窗 window.close()
window.close(); 關閉當前
window.opener.close(); 關閉父視窗
定時任務 1.定時任務 var taskid = window.setTimeout(function,ms);
window.setTimeout("alert('hello！')", 5000);
2.間隔執行任務 var taskid = window.setInteval(function,ms); 3.清除定時任務 window.clearTimeout(taskid); 4.清除間隔執行任務 window.clearInteval(taskid); 列印屏幕
//長*寬 console.log(screen.width + "*" + screen.height)
後退
window.history.back();
前進
window.history.forward();
刷新
window.location.reload();//刷新 window.location.href = window.location.href;//刷新
Go 前進(x)步,後退(x)步,刷新(0),
window.history.go(x)
鏈接
window.location.href = "http://www.baidu.com";
用戶代理 瀏覽器內核
console.log(window.navigator.userAgent)
框窗
//凡是window的屬性和方法，均可以省略“window.” <script type="application/javascript"> // 警告框 function testAlert(){ var result=window.alert("這是一個警告框") console.log(result); } // confirm 確認框 function testConfirm(){ var result =window.confirm("你確認要離開了嗎?"); if(result){ alert("歡迎下次再來!") }else{ alert("那你在逛逛吧!") } consol.log(result); } // prompt 詢問框 function testPrompt(){ var result = window.prompt("請輸入U盾密碼","例如:123456"); console.log(result); } </script> <body> <button onclick="testAlert();">testAlert</button> <button onclick="testConfirm();">testConfirm</button> <button onclick="testPrompt();">testPrompt</button> </body>
頁面
//子頁面 <script type="application/javascript"> function sayHello(){ alert("hello world") } //打開一個視窗 function callFatherMethod(){ window.opener.fatherSayHello(); window.opener.a } //關閉本視窗 function testClose(){ window.close(); } //關閉父視窗 function testFatherClose(){ window.opener.close(); } </script> <body> <button onclick="callFatherMethod()">調用父視窗的方法</button> <button onclick="testClose()">關閉本視窗</button> <button onclick="testFatherClose()">關閉父視窗</button> </body> //父頁面 <script type="application/javascript"> var a = 10; window.onload = function(){ console.log(window); console.log("11111111111") } //打開一個新視窗 function testOpen(){ var sonwindow = window.open("son.html","aaa","height=300,width=500,top=50,left=50,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no") //子視窗的window對象 console.log(sonwindow); } function fatherSayHello(){ alert("hello son!"); } </script> <body> <button onclick="testOpen();">打開一個新視窗</button> </body>
定時任務
<script type="application/javascript">
function setTime() {
// window.setTimeout("alert('hello！')",5000);
window.setTimeout(sayHello, 5000);
}
var sayHello = function () {
alert("你好！");
}
</script>
</head>
<body>
<button onclick="sayHello();">調用sayHello</button>
<button onclick="setTime();">調用setTime</button>
2.間隔執行任務
<script type="application/javascript">
/*
window.onload = function(){
window.setTimeout(closeSelf, 1000);
}
function closeSelf() {
var secval = document.getElementById("sec").innerHTML;
var secint = parseInt(secval);
document.getElementById("sec").innerHTML = --secint;
if(secint == 0){
window.close();
}
window.setTimeout(closeSelf, 1000);
}
*/
var taskid = 0;
window.onload = function(){
//間隔執行任務,間隔 1000ms 執行一次
taskid = window.setInterval(closeSelf, 1000);
}
function closeSelf() {
//獲取 10s
var secval = document.getElementById("sec").innerHTML;
console.log(secval);
var secint = parseInt(secval);
console.log(secint);
//10s 減減
document.getElementById("sec").innerHTML = --secint;
if(secint == 0){
window.close();
}
}
// 4.清除間隔執行任務 暫停
function stopTask(){
window.clearInterval(taskid);
}
//繼續計時
function goonTask(){
taskid = window.setInterval(closeSelf, 1000);
console.log(taskid)
}
</script>
<body>
付款成功，頁面將在<span id="sec">10</span>s後關閉。
<button onclick="stopTask()">稍等，待會我會自己關閉</button>
<button onclick="goonTask()">繼續讀秒，關閉視窗</button>
</body>
