js window对象-框体、定时

mac2026-01-14 5

BOM浏览器对象模型：规范浏览器对js语言的支持(js调用浏览器本身的功能) BOM的具体实现是window对象，window对象不用new，类似Math的使用方法，window关键字可省略调用浏览器封存好的方法 window为当窗口加载完毕后执行，即所有内容加载完毕后才执行窗口 **框体方法** 调用警告框 window.alert(); 调用确认框 window.confirm(); 提示选择确定和取消，返回值为布尔类型调用提示框 window.prompt("提示语",输入值); 弹出等待输入的文本框,点击确认返回值为输入内容，无输入返回空，点击取消返回null 有两个参数，会返回第二个参数，不填则返回空 **定时和间隔时间执行方法** 在setInterva()和setTimeout()中使用this，会指向window 会先执行定时器外的内容，然后再执行定时器内的内容定时执行 window.setTimeout(js无小括号函数名/匿名函数,时间毫秒); 返回值为当前线程的id 间隔时间执行 window.setInterval(匿名函数/js无小括号函数名,时间毫秒); 每隔一定时间执行一次函数，返回值为当前线程的id 间隔调用传递函数形参 window.setInterval(test("传参"),2000); //只会调用一次 window.setInterval("test('传参')",2000); //会间隔调用停止当前的定时方法通过当前计时器的返回值id，来停止指定方法 window.clearTimeout(id); window.clearInterval(ids);

代码示例：

<html> <head> <title>js window对象1</title> <meta charset="utf-8"/> <script type="text/javascript"> function testAlert(){ window.alert("我是警告框"); } function t2() { window.confirm("确定吗?"); } function t3() { var a=window.prompt("请输入昵称"); alert(a); } var id; var ids; function t4() { id=window.setTimeout(function (){alert("定时")},3000); } function t5() { ids=window.setInterval(function(){alert("间隔")},2000); } function t6() { window.clearTimeout(id); } function t7() { window.clearInterval(ids); } </script> </head> <body> <h3>js window对象1</h3> <hr /> <input type="button" value="测试alert" onclick="testAlert()"/> <input type="button" value="测试确认" onclick="t2()" /> <input type="button" value="测试提示" onclick="t3()" /> <input type="button" value="测试定时" onclick="t4()"/> <input type="button" value="测试间隔" onclick="t5()"/> <input type="button" value="测试停止定时" onclick="t6()" /> <input type="button" value="测试停止间隔" onclick="t7()"/> </body> </html>

最新回复(0)