BOM(Broswer Object Model)
凡是 window 的屬性和方法,均可以省略“window.”
方法:
框窗
1.警告框
window.alert("msg");2.確認(rèn)框
window.confirm("msg");3.詢問框
window.prompt("msg","defaulvalue")頁面
1.打開一個窗口
window.open()
2.在子窗口中使用,表示父窗口的window對象
window.opener
window.opener.fatherSayHello(); 調(diào)用父窗口的方法window.opener.a
3.關(guān)閉當(dāng)前窗口
window.close()
window.close(); 關(guān)閉當(dāng)前window.opener.close(); 關(guān)閉父窗口
定時任務(wù)
1.定時任務(wù)
var taskid = window.setTimeout(function,ms);window.setTimeout("alert('hello!')", 5000);2.間隔執(zhí)行任務(wù)
var taskid = window.setInteval(function,ms);
3.清除定時任務(wù)
window.clearTimeout(taskid);
4.清除間隔執(zhí)行任務(wù)
window.clearInteval(taskid);
打印屏幕
//長*寬console.log(screen.width + "*" + screen.height)
后退
window.history.back();
前進(jìn)
window.history.forward();
刷新
window.location.reload();//刷新window.location.href = window.location.href;//刷新
Go 前進(jìn)(x)步,后退(x)步,刷新(0),
window.history.go(x)
鏈接
window.location.href = http://www.baidu.com;
用戶代理 瀏覽器內(nèi)核
console.log(window.navigator.userAgent)
框窗
//凡是window的屬性和方法,均可以省略“window.”<script type="application/javascript">// 警告框function testAlert(){var result=window.alert("這是一個警告框")console.log(result);}// confirm 確認(rèn)框function testConfirm(){var result =window.confirm("你確認(rèn)要離開了嗎?");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}//關(guān)閉本窗口function testClose(){window.close();}//關(guān)閉父窗口function testFatherClose(){window.opener.close();}</script><body><button onclick="callFatherMethod()">調(diào)用父窗口的方法</button><button onclick="testClose()">關(guān)閉本窗口</button><button onclick="testFatherClose()">關(guān)閉父窗口</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>定時任務(wù)
<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();">調(diào)用sayHello</button><button onclick="setTime();">調(diào)用setTime</button>間隔執(zhí)行任務(wù)
<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(){//間隔執(zhí)行任務(wù),間隔 1000ms 執(zhí)行一次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.清除間隔執(zhí)行任務(wù) 暫停function stopTask(){window.clearInterval(taskid);}//繼續(xù)計時function goonTask(){taskid = window.setInterval(closeSelf, 1000);console.log(taskid)}</script><body>付款成功,頁面將在<span id="sec">10</span>s后關(guān)閉。<button onclick="stopTask()">稍等,待會我會自己關(guān)閉</button><button onclick="goonTask()">繼續(xù)讀秒,關(guān)閉窗口</button></body>以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持武林網(wǎng)。
新聞熱點(diǎn)
疑難解答