zoukankan      html  css  js  c++  java
  • 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>
     



  • 相关阅读:
    IntelliJ IDEA-快捷键
    12-String类、static关键字、Arrays类、Math类
    11-API之Scanner类、Random类、ArrayList类
    C语言二叉树中序遍历——递归思想
    解决SQL Server数据库不同版本不能兼容使用的问题
    绿色版,免安装版和安装版的区别
    ScreenToGif 动图发送到手机上打开模糊
    eclipse中更改jsp默认编码
    sql重新不允许保存修改问题
    SQL因为重复行导致的问题
  • 原文地址:https://www.cnblogs.com/ki16/p/10815568.html
Copyright © 2011-2022 走看看