博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
BOM:浏览器对象模型
阅读量:6595 次
发布时间:2019-06-24

本文共 1917 字,大约阅读时间需要 6 分钟。

一、window对象

1.window.screenLeft  :你打开的这个浏览器窗口相对于屏幕的左边位置

2.window.screenTop :你打开的这个浏览器窗口相对于屏幕的上边位置

ps:当浏览器窗口铺满整个屏幕时 这两个值都为0       超出浏览器的可视范围是为负值!

 

3.console.log(window.innerHeight) ;是浏览器窗口的内部高度,除去了顶部的边框高度

4.console.log(window.innerWidth) ;是浏览器窗口的内部宽度

 

5.console.log(window.outerHeight) ;是浏览器窗口的整个高度

6.console.log(window.outerWidth) ;是浏览器窗口的宽度

 

7.console.log(document.documentElement.clientWidth);  跟innerWidth相同 一般情况下

8.console.log(document.documentElement.clientHeight);   innerHeight

9.window.open(href,target);href:跳转到哪个页面,target以哪种target打开还有很多设置新打开窗口的参数

 

二、navigator对象

1.console.log(navigator.appCodeName);                 //Mozilla通常都是Mozilla,

2.console.log(navigator.appMinorVersion);              //undefine次版本信息
3.console.log(navigator.appName);                        //Netscape完整浏览器名称,网景
4.console.log(navigator.cookieEnabled);                 //true表示cookie是否启用
5.console.log(navigator.cpuClass);                        //undefine
6.console.log(navigator.javaEnabled);                    //function javaEnabled() { [native code] }是否启用了java
7.console.log(navigator.language);                        //zh-CN浏览器的主语言

7-1.console.log(navigator.languages);                   //["zh-CN", "zh"]浏览器的主语言

8.console.log(navigator.onLine);                           //true表示浏览器是否连接到了因特网
9.console.log(navigator.platform);                        //MacInter浏览器所在的系统平台
10.console.log(navigator.plugins);                        //PluginArray {0: Plugin, 1: Plugin, 2: Plugin, 3: Plugin, 4: Plugin, length: 5}浏览器安装的插件信息的数组

11.console.log(navigator.plugins[0].name);           //Shockwave Flash插件的名称

12.console.log(navigator.product);                      //Gecko产品名称 Gecko是套开放原始码的、以C++编写的网页排版引擎
13.console.log(navigator.userLanguage);             //操作系统的默认语言,undefine

 

三:history对象

1.history.go(object.html);跳转

2.history.back();后退
3.history.forward();前进

 

四、screen对象

1.console.log(screen.width);//当前屏幕的宽度1920

2.console.log(screen.height);//当前屏幕的高度1080

3.console.log(screen.availWidth);//我测得也是1920跟屏幕宽度一样,所以不知道跟上个width有什么区别呀

4.console.log(screen.availHeight);//1057屏幕的像素高度减去系统部件高度之后的值

 

 

五、location对象

1.location.replace()          :跳转到另一个页面

2.location.reload()           //刷新当前页

 

转载于:https://www.cnblogs.com/xiangru0921/p/6514233.html

你可能感兴趣的文章
npm node-sass
查看>>
linux下的find文件查找命令与grep文件内容查找命令
查看>>
使用eclipse搭建嵌入式开发环境
查看>>
ASP.NET Core的配置(3): 将配置绑定为对象[下篇]
查看>>
捷报频传 浪潮用服务器市场成绩助力智慧计算业务战略
查看>>
指静脉识别:一个“销声匿迹”了近二十年的多模态生物识别技术要“重出江湖”...
查看>>
小议阿里云"数加"平台对企业有何帮助?
查看>>
《C语言程序设计进阶教程》一2.3.2 函数实参
查看>>
智能硬件的未来发展:自主研发和AI将成为关键
查看>>
超图发布SuperMap GIS 8C(2017) 进一步挖掘空间大数据价值
查看>>
“聚光灯”下的数梦工场 首提“新型互联网”战略
查看>>
IBM预通过R语言扩展 简化Watson系统的应用
查看>>
施耐德电气推出EcoStruxure架构与平台,开启转型之路
查看>>
NVIDIA与阿里云达成战略合作 共同拓展深度学习市场
查看>>
数据中心机房对环境的新要求
查看>>
一个页面标题和过滤输出的解决方案(下)
查看>>
JSP连接access数据库
查看>>
Loadrunner监控服务器资源
查看>>
Pandas:按条件进行行选择
查看>>
spring boot 自定义规则访问获取内部或者外部静态资源图片
查看>>