BOM(Broswer Object Model)
2024-10-08 18:41:03
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>
最新文章
- BZOJ 1415 【NOI2005】 聪聪和可可
- DevExtreme 学习应用[2]
- CSS3:动画大全
- 验证码 mewebstudio/captcha
- 文件上传工具类 UploadUtil.java
- Spring与Hibernate整合之通用Dao的实现
- WebForm页面运行周期--页面关系
- N - Tram - poj1847(简单最短路)
- DBMS_STATS常用方法(收集oracle信息)
- GDB调试之core文件(如何定位到Segment fault)
- linux-c/c++调试利器gdb、ddd小试
- A. Alyona and Numbers(CF ROUND 358 DIV2)
- Sql_Case_When用法
- Python3 字典
- MySQL索引的原理,B+树、聚集索引和二级索引的结构分析
- mongoDB用法整理
- 【APUE | 7】命令形参、函数
- Java SSM框架之MyBatis3(五)MyBatis之ResultMap详解
- http://www.liangxiansen.cn/2017/04/06/consul/
- adb占用
热门文章
- 技术沙龙|京东云DevOps自动化运维技术实践
- 【Tensorflow】(tf.Graph)和(tf.session)
- vue移动端点击一个元素缩小,松手的时候元素恢复正常
- jquery关于Select元素的操作
- 在设备上启用 adb 调试,有一个小秘密
- 京东云入选2019年度TOP100全球软件案例 新一代服务治理框架加速行业落地
- jupyter notebook 安装配置使用,+目录插件安装
- Vue动画封装
- javaweb04 ServletRequest&;ServletResponse
- MyBatis从入门到精通(第9章):Spring集成MyBatis(下)