JavaScript笔记7-JS BOM

1.BOM(browser object model)浏览器对象模型
2.BOM对象：
（1）window对象
window是浏览器的一个实例,在浏览器中，window对象有双重角色,
它既是通过JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象。
方法：
1）window.alert
语法: window.alert ("content")
功能:显示带有一段消息和一个确认按钮的警告框
2）window.confirm
语法: window.confirm( "message")
功能:显示一个带有指定消息和OK及取消按钮的对话框
返回值:如果用户点击确定按钮,则confirm ( )返回true
如果用户点击取消按钮,则confirm ( )返回false
3）window.prompt
语法: window.prompt( "text,defaultText")
功能：弹出一个输入对话框
参数说明:
text :要在对话框中显示的纯文本(而不是HTML格式的文本)
defaultText :默认的输入文本
返回值:如果用户单击提示框的取消按钮,则返回null
如果用户单击确认按钮,则返回输入字段当前显示的文本
说明：消息换行用\n
4）window.open
语法: window.open(pageURL,name,parameters)
功能:打开一个新的浏览器窗口或查找一个已命名的窗口
参数说明:
pageURL :子窗口路径
name :子窗口句柄( name声明了新窗口的名称,方便后期通过name对子窗口进行引用)
parameters :窗口参数(各参数用逗号分隔)
width :窗口宽度;height :窗口高度;left :窗口X轴坐标;top:窗口Y轴坐标;toolbar :是否显示浏览器的工具栏;menubar :是否显示菜单栏;scrollbars :是否显示滚动条;location :是否显示地址字段;status:是否添加状态栏
例：

	
	


	点击此处登录
	

5）window.close()
功能：关闭浏览器窗口
3.超时调用和间歇调用
（JS是单线程语言，执行代码必须按照顺序，但可以设置超时调用和间歇调用）
1）超时调用
语法: setTimeout ( code,millisec )
setTimeout ( function(){
    code；
},millisec )
功能:在指定的毫秒数后调用函数或计算表达式
参数说明:
code :要调用的函数或要执行的JavaScript代码串
millisec :在执行代码前需等待的毫秒数
说明：setTimeout()值执行code一次。如果要多次调用，可以让code自行再次调用setTimeout()
2）取消超时调用
返回一个ID值，通过它取消超时调用
var timeout1=setTimeout ( function(){
    alert("hello");
},1000 );
clearTimeout(timeout1);
3）间歇调用
语法: setInterval(code,millisec)
setTimeout ( function(){
    code；
},millisec )
功能:每隔指定的时间执行一次代码
4）取消间歇调用
语法: clearInterval( id_ of_ setinterval ) 
功能:取消由setInterval()方法设置的interval
参数说明:
id_ of_ setinterval :由setInterval()返回的ID值
例：输出1-10，每一秒钟输出一个数字

（2）location对象
提供了与当前窗口加载的文档有关的信息，还提供了一些导航功能，它既是window对象的属性，也是document对象的属性
1）location.herf
功能:返回当前加载页面的完整URL
说明: location.href与window.location.href等价
2）location.hash
功能:返回URL中的hash ( #号后跟零或多个字符) , 如果不包含则返回空字符串。
将顶部的元素id取名为top1，利用location.hash="#top"可以回到顶部
3）location.host
功能:返回服务器名称和端口号(如果有)
4）location.hostname
功能:返回不带端口号的服务器名称。
5）location.pathname
功能:返回URL中的目录和(或)文件名。
6）location.port
功能:返回URL中指定的端口号,如果没有,返回空字符串。
7）location.protocol
功能:返回页面使用的协议。
8）location.search
功能:返回URL的查询字符串。这个字符串以问号开头。
（3）改变浏览器浏览的网页的方法：
location.href='index.html';（会生成历史记录，可以通过浏览器的回退键回到原来的页面）
location.replace(url);（不会在历史记录中生成新纪录）
location.reload();（重新加载当前显示的页面）
（4）history对象
保存用户在浏览器中访问页面的历史记录
1）history.back()=history.go(-1) 
功能:回到历史记录的上一步
2）location. forward()=history.go(1)
功能:回到历史记录的下一步
3）history.go(-n)
功能:回到历史记录的前n步
4）history.go(n)
功能:回到历史记录的后n步
（5）Screen对象
包含有关客户端显示屏幕的信息
常用属性
screen.availWidth：获取可用的屏幕宽度
screen.availHeight：获取可用的屏幕高度
window.innerWidth：获取窗口的宽度
window.innerHeight：获取窗口的高度
（6）Navigator对象
1）navigator.userAgent
用来识别浏览器名称、版本、引擎以及操作系统等信息的内容。
例子：