BOM(Broswer Object Model)

BOM(Broswer Object Model)

方法:
    框窗
      1.警告框
      window.alert("msg");
      2.确认框
      window.confirm("msg");
      3.询问框
      window.prompt("msg","defaulvalue")

      var result = window.prompt("请输入密码","例如:132456")
    页面
      1.打开一个窗口
      window.open()
      2.在子窗口中使用,表示父窗口的window对象
      window.opener
      3.关闭当前窗口
      window.close()
定时任务
      1.定时任务
      var taskid = window.setTimeout(function,ms);
      2.间隔执行任务
      var taskid = window.setInteval(function,ms);
      3.清除定时任务
      window.clearTimeout(taskid);
      4.清除间隔执行任务
      window.clearInteval(taskid);

<script type="application/javascript">

function confirmBuy(){
var flag = window.confirm("您确定要付款吗?")
if(flag){
//付款成功
window.open("success.html",'success',"height=300,width=500,top=50,left=50,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no")

}
}

</script>
<body>
<h1>购物车</h1>
<hr/>
<ul>
<li>商品1</li>
<li>商品2</li>
<li>商品3</li>
</ul>
<button onclick="confirmBuy();">确认付款</button>
</body>

<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(){
taskid = window.setInterval(closeSelf,1000)
}
function closeSelf(){
var secval = document.getElementById("sec").innerHTML;
var secint = parseInt(secval)
document.getElementById("sec").innerHTML = --secint;
if(secint == 0){
window.close();
}
}

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>
 



原文地址:https://www.cnblogs.com/ki16/p/10815568.html