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>
 

最新文章

  1. BZOJ 1415 【NOI2005】 聪聪和可可
  2. DevExtreme 学习应用[2]
  3. CSS3:动画大全
  4. 验证码 mewebstudio/captcha
  5. 文件上传工具类 UploadUtil.java
  6. Spring与Hibernate整合之通用Dao的实现
  7. WebForm页面运行周期--页面关系
  8. N - Tram - poj1847(简单最短路)
  9. DBMS_STATS常用方法(收集oracle信息)
  10. GDB调试之core文件(如何定位到Segment fault)
  11. linux-c/c++调试利器gdb、ddd小试
  12. A. Alyona and Numbers(CF ROUND 358 DIV2)
  13. Sql_Case_When用法
  14. Python3 字典
  15. MySQL索引的原理,B+树、聚集索引和二级索引的结构分析
  16. mongoDB用法整理
  17. 【APUE | 7】命令形参、函数
  18. Java SSM框架之MyBatis3(五)MyBatis之ResultMap详解
  19. http://www.liangxiansen.cn/2017/04/06/consul/
  20. adb占用

热门文章

  1. 技术沙龙|京东云DevOps自动化运维技术实践
  2. 【Tensorflow】(tf.Graph)和(tf.session)
  3. vue移动端点击一个元素缩小,松手的时候元素恢复正常
  4. jquery关于Select元素的操作
  5. 在设备上启用 adb 调试,有一个小秘密
  6. 京东云入选2019年度TOP100全球软件案例 新一代服务治理框架加速行业落地
  7. jupyter notebook 安装配置使用,+目录插件安装
  8. Vue动画封装
  9. javaweb04 ServletRequest&amp;ServletResponse
  10. MyBatis从入门到精通(第9章):Spring集成MyBatis(下)