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>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
posted @ 2017-11-12 20:57  唐宋元明卿  阅读(78)  评论(0编辑  收藏  举报