5-10、BOM基础

window对象方法（全局对象）

BOM（browser object model）浏览器对象模型

BOM对象有：
window、navigator、screen、history、location、document、event

window是浏览器的一个实例，在浏览器中，window对象有双重角色，它既是通过JavaScript访问浏览器窗口的一个接口，又是ECMAScript规定的Global对象（全局对象）。

window

全局变量：

    window.text2 = "123";
    var text1 = "123";	//等价
    window.text = function(){}

弹窗系列：

alert("alert弹窗"); 

confirm("confirm弹窗");
//返回值：true  false
//进行删除或者退出的时候，进行二次确认。

prompt("text","defaulText");
    //text :提示文本
    //defaulText ：默认的提示文本
    //取消返回null，确认返回字段

window.open方法：

window.open(pageURL , name , parameters);
功能：打开一个新的浏览器窗口或者查找一个已命名的窗口。
pageURL：子窗口路径
name：子窗口句柄（name声明了新窗口的名称，方便后期通过name对子窗口进行引用）
parameters：窗口参数（各参数用逗号分隔）：

width：窗口宽度	height：窗口高度
left：窗口X轴坐标 top：窗口Y轴坐标
toolbar：是否显示浏览器的工具栏
menubar：是否显示菜单栏
scrollbars：是否显示滚动条
location：是否显示地址字段
status：是否添加状态栏

举例：论坛登录窗口，qq登陆方式。

window.close ()

关闭浏览器窗口。

window.close();
//关闭当前窗口

定时器：

JavaScript是单线程语言，单线程就是所执行的代码必须按照顺序。

超时调用

setTimeout ()只执行code一次。如果要多次调用，可以让code自身再次调用setTimeout () ;

setTimeout (code , millisec ) ;

code 要调用的函数或要执行的js代码串
millisec 再执行代码前需要等待的毫秒数，1000=1s

//直接写（不推荐）：
setTimeout('alert("延时一秒")' , 1000);

//推荐写在匿名函数中，然后调用这个函数。
	var ys = function(){
      alert("延时执行");
    }
    setTimeout( ys, 1000);

取消调用：

	var ys = function(){
      alert("延时执行");
    }
    var quxiao = setTimeout( ys, 1000);
    clearTimeout(quxiao);

间歇调用

setINterval (code , millisec ) ;

code 要调用的函数或要执行的js代码串
millisec 周期性执行代码等待的毫秒数，1000=1s

限制性停顿，后执行函数。

    var ys = function(){
      console.log("1");
    }
    setInterval( ys, 1000);

十秒之后停止：
（结合延时函数）

	var ys = function(){
      console.log("1");
    }
    var tingzhi = setInterval( ys, 100);
    setTimeout(function(){
      clearInterval(tingzhi);
    },1000);

location

location对象提供了与当前窗口中加载的文档有关的信息，还提供了一些导航的功能，它既是window对象的属性，也是document对象的属性。

localtion.href  
//返回当前加载页面的完整url
//与window.localtion.href是等价的

//一秒后跳转到另一个页面，且在浏览器中生成一条记录
setTimeout(function(){
	localtion.href="index2.html";
});

localtion.hash
//返回URl中的hash（#号后跟零或多个字符），如果不包含则返回空字符串
//可以进行获取、设置锚点

localtion.host
//返回服务器名称和端口号（如果有）

localtion.hostname
//返回不带端口号的服务器名称

localtion.pathname
//返回URl中的目录和（或）文件名

location.port
//返回URL中指定的端囗号，如果没有，返回空字符串。

location.protocol
//返回页面使用的协议。

location.search
//返回URL的查询字符串。这个字符串以问号开头。

location.reload();		//重新加载页面 
location.reload(true);	//强制从服务器加载

location.replace(newURL)
//可用一个新文档取代当前文档，浏览器没有浏览记录，不能回退到上一页

history 对象

history 对象保存了用户在浏览器中访问页面的历史记录。

history.back();
回到历史记录的上一步。
相当于使用了hostory.go(-1);
hostory.go();可以 回到上N步。

---

history.forward ()
回到历史记录的下一步
相当于使用了history.go(1);

---

history.go();
数字是正数前进，负数后退。

screen

Screen对象包含有关客户端显示屏幕的信息。

screen.availWidth
// 功能：返回可用的屏幕宽度
screen.availHeight
// 功能：返回可用的屏幕高度

// ⭐更常用的是：
window.innerWidth
window.innerHeight
//也是一样的。

navigator 对象

navigator.userAgent：
用来识别浏览器名称、版本、引擎以及操作系统等信息的内容。

获取浏览器类型

indexOf（）方法返回某个指定的字符串值在字符串中首次出现的位置，如果没有出现过，返回-1