首页 » JavaScript » Bom浏览器对象模型

Bom浏览器对象模型

原文 http://blog.csdn.net/chaoleshan/article/details/77948849

2017-09-12 21:20:04阅读(258)

JavaScript组成:1.Ecmascript 2.Bom:浏览器对象模型3.Dom 编程语句
Bom浏览器对象模型
一、window对象
代表浏览器窗口,通过该对象,可以控制浏览器窗口
属性:alert(“窗口的位置:”+window.screenx);
获得窗口在屏幕的位置:alert(“x=”+window.screenleft,”y=”+window.scrennTop);
重点:两个定时器的使用
1.window.setTimeout(函数名,毫秒);
延迟多少秒后,执行该函数只执行一次
2.window.setInterval(函数名,毫秒);
每隔多少毫秒就执行一次
3.清除定时器的方法
window.clearInterval(定时器名);
二、location对象
地址栏对象
常用的属性:href 获得url 地址栏中的内容
search 地址中?获得?后面的字符串
常用的方法:
1.reload(boolean flag)
默认值false 只有服务器上的内容修改以后,才能从新加载,如果服务器内容不变,从服务器的缓存中取true;
2.assign()跳到指定的连接,类似超链接
三、history历史对象
代表浏览器的历史栏,可以实现
history.back();后退一步
history.forward();前进一步
history.go(-1);后退一步
history.go(3);前进三步
属性:history.length获得用户到底到底走了几步
四、document文档对象
hello.html 网页被浏览器加载到内存中,产生一个document对象,文档对象代表html或xml文档
常用的方法: var div1=document.getElementById(“div1”);
document.write(“div1”);
往body中输出内容:
1.页面还没加载完毕后,直接加载在body中
2.页面已经加载完毕,直接把body中的内容覆盖
注意:writeln(“111”);
writeln(“222”) ;不能实现换行 只能通过< br/> 来实现换行
五、navigator 浏览器对象(输入参数:无,返回值:字符串,表示浏览器的类型)
常用的属性
userAgent:浏览器的描述;判断哪个浏览器运行
基本代码:

<script type="text/javascript">
        function test(){
            var s;
            var useragent=navigator.userAgent;
            document.write(useragent);
            if(useragent.indexOf("MSIE")!=-1){
                 s="ie";
            }
            else if(useragent.indexOf("Firefox")!=-1)
            {
                s="firefox";
            }
            else (useragent.indexOf("chrome")!=-1){
                s="Chrome";
            }
            alert(s);
            return s;
         }  
         test(); 
        </script>

六、screen对象
代表客户端屏幕的信息,属于顶级对象,直接访问即可
screen.availHeight 属性访问者屏幕的高度
screen.availWidth 属性访问者屏幕的宽度
七、console 控制台对象
firefox特有的
1.firefox.dir(对象)
列出对象的所在成员(属性、方法)
2.js调用在firbug中的脚步选项中打断点
注意右下角的窗口中可以直接写代码
3.firebug调试器中Dom可以查看用户定义的变量,方法等

最新发布

CentOS专题

关于本站

5ibc.net旗下博客站精品博文小部分原创、大部分从互联网收集整理。尊重作者版权、传播精品博文,让更多编程爱好者知晓!

小提示

按 Ctrl+D 键,
把本文加入收藏夹