jsBOM——第15天

最新推荐文章于 2024-10-09 00:58:21 发布

chouku4502

最新推荐文章于 2024-10-09 00:58:21 发布

阅读量110

点赞数

文章标签： javascript 操作系统 ViewUI

原文链接：https://my.oschina.net/u/3504091/blog/961882

版权

####BOM 浏览器对象模型 -- Borwser Object Model -- 用来描述浏览器相关信息的几个对象 -- 其中代表浏览器窗口的window对象是BOM的顶层对象，其他对象都是该对象的子对象。

####BOM

Window 整个窗口(顶层)
Location url信息
History 历史记录
Screen 屏幕相关
Navigator 浏览器版本及客户机信息

####Window 概述：

window是客户端JavaScript的全局对象
它表示web浏览器的一个窗口或窗体，并且用标识符window来引用

是所有客户端javascript特性和API的主要接入点
Window包含  location history screen navigator  document

####1. window

innerHeight 返回窗口的文档显示区高度 IE9以下不兼容
innerWidth 返回窗口的文档显示区宽度 IE9以下不兼容

解决方法
document.write('视口的宽 : '+document.documentElement.offsetWidth+"<br>");
document.write('视口的高 : '+document.documentElement.clientHeight+"<br>");

3.outerWidth 返回窗口外部宽度 IE9以下不兼容
4.outerHeigh 返回窗口外部高度 IE9以下不兼容

解决方法   --暂无

5.弹窗 alert() 无返回值 confirm() 有返回值 prompt() 有返回值

6.setInterval() clearInterval()

7.setTimeout() clearTimeout()

8.print() window.print();

9.scrollTo(x,y) 将内容滚动到指定坐标

10.scrollBy() 按照指定像素滚动 ---回到顶部

<font color="red"> > 11.moveTo(x,y) window.moveTo()仅IE

12.moveBy() window.moveBy()仅IE

13.resizeTo() 将窗口大小调整到指定的宽度和高度仅IE

14.resizeBy() 按照指定像素调整窗口大小仅IE

</font> ####2. location 表示该窗口中当前显示的文档的URL 并定义了方法来使窗口载入新的文档 ######属性 >1. href 设置或返回当前的URL协议 >1. protocol 设置或返回当前URL的协议 >1. host 设置或返回主机名和当前URL的端口号 >1. hostname 设置或返回当前URL的主机名 >1. port 设置或返回当前URL的端口号 >1. pathname 设置或返回当前URL的路径部分 >1. hash 设置或返回从#开始的锚 >1. search 设置或返回从？开始的URL查询部分

document.write(location+'<br>');
		document.write('href : '+location.href+'<br>');
		document.write('protocol(协议) : '+location.protocol+'<br>');
		document.write('host(主机名和端口号) : '+location.host+'<br>');
		document.write('hostname(主机名) : '+location.hostname+'<br>');
		document.write('port(端口号) : '+location.port+'<br>');
--虚拟端口
--物理端口
		document.write('pathname(路径信息) : '+location.pathname+'<br>');
		document.write('search(查询信息) : '+location.search+'<br>');
		document.write('hash(锚点) : '+location.hash+'<br>');

######方法

reload(); --重新加载当前文档 location.reload();
assign(); --加载新的文档 location.assign(“http://www.baidu.com”);
replace(); --替换当前文档 location.replace(“http://www.baidu.com”);

--自定义一个超链接
--定时刷新

####3. navigator 该对象描述了浏览器厂商和版本信息 (浏览器相关信息)

Navigator 是为了纪念NetSpace公司的Navigator 浏览器
appName 返回浏览器的名称 --只读
cookieEnabled 返回一个布尔值。true （cookie）可用。false 被禁用。
appVersion 返回浏览器的平台和版本信息
userAgent 返回由客户机发送服务器user-agent头部的值
platform 返回运行浏览器的操作系统平台
onLine 是否在线

####4. History