JS的BOM对象
BOM:browser object model
最常用的是window对象
所有浏览器都支持 window 对象。
概念上讲.一个html文档对应一个window对象.
功能上讲: 控制浏览器窗口的.
使用上讲: window对象不需要创建对象,直接使用即可.
一、Window对象方法
1、弹窗相关的
alert() 消息+确认按钮 的警告框。 (返回undefined)
confirm() 消息+确认按钮+取消按钮 (返回boolean值)
prompt() 消息+输入框+确认按钮+取消按钮 (返回用户输入的内容,点取消的话,返回null,什么也不输直接确认,则什么也没有)
示例:
var res = confirm("确定要删除吗?"); res 接收到一个boolean值
var res = prompt("请输入一个数字!","haha"); //第二个参数是设置的默认值,可省略,返回用户输入的内容
2、打开关闭窗口
open()
close()
scrollTo() 把内容滚动到指定的坐标。
open(参数1,参数2,参数3);
参数1:网址,什么都不填,就是打开一个新窗口。
参数2:新窗口的名字(一般可以不填)
参数3: 新打开窗口的参数.
示例
open('','','width=200,resizable=no,height=100'); // 新打开一个宽为200 高为100的窗口
3、setinterval clearinterval 定时器
var ID = setinterval(fun,1000)
//每隔1000毫秒,调用一次fun函数,返回值作为clearinterval的参数
//会先等待1000毫秒,才开始调用fun
clearinterval(ID)
//直到调用clearinterval()
Var ID=setTimeout(fun,1000); //只执行1次fun,也是在先等待1000毫秒后开始
clearTimeout(ID)
定时器示例:
//实现功能:两个按钮分别控制开始和停止,文本框中显示时间 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> function loop_time(){ var date=(new Date()).toLocaleString(); //获取时间 var ele_input=document.getElementById("d1"); //找到d1的标签 ele_input.value=date; //把date赋予标签的value } var ID; function foo(){ if(ID==undefined){ //防止多次点击begin时,生成多个ID loop_time(); //使在点击begin的时候就执行1次 ID=setInterval(loop_time,1000); //每隔1000毫秒调用1次loop_time } } function end_time(){ clearInterval(ID); //停止 ID=undefined; //把ID重置为初始值,便于下次重新begin } </script> </head> <body> <input type="text" id="d1" style="width:200px"> <button onclick="foo()">begin</button> <button onclick="end_time()">end</button> </body> </html>