前端乱煮之javascript学习笔记五

Posted 2020-07-03

1 window对象：

所有浏览器都支持window对象，它表示浏览器窗口。所有javascript的全局对象、全局函数以及变量都自动成为window对象的成员。全局变量是window对象的属性，全局函数是window对象的方法。

确定浏览器可视窗口的尺寸大小（除去工具栏和滚动条）的三种方法：

（1）window.innerHeight 得到浏览器的可视高度，window.innerWidth得到浏览器的可视宽度。（Internet Explorer、Chrome、Firefox、Opera 以及 Safari）

（2）document.documentElement.clientHeight，document.documentElement.clientWidth(Internet Explorer 8、7、6、5)

（3）document.body.clientHeight，document.body.clientWidth.

一些window对象的方法：

window.open()：打开窗口

window.close():关闭窗口

window.resize():调整当前窗口的尺寸大小

window.moveTo():移动当前窗口

2 window.screen：

window.screen对象在使用的时候不需要写前缀window，它的属性比如有：screen.availWidth(可用宽度)，screen.availHeight(可用高度)

3 window.location：

window.location对象在使用的时候可以省略前缀window，它的属性有比如：

location.href：返回当前页面的url

location.hostname:返回web主机的域名

location.pathname:返回当前页面的路径和路径名

location.port:返回当前web主机的端口号

location.protocol:返回所使用的web协议

location.assign() 方法可以用来加载新的文档。

4 window.history:

window.history对象在使用的时候可以省略前缀window，因为涉及到用户隐私，javascript对它的使用做出了一些限制。

history.back（）与在浏览器上点击后退按钮效果一致，即为加载历史列表的前一个url

history.forward()与在浏览器上点击前进按钮效果一致，即为加载历史列表的下一个url

5 window.navigator

window.navigator对象在使用时可以省略前缀window

来自 navigator 对象的信息具有误导性，不应该被用于检测浏览器版本，这是因为：

• navigator 数据可被浏览器使用者更改
• 浏览器无法报告晚于浏览器发布的新操作系统

浏览器检测

由于 navigator 可误导浏览器检测，使用对象检测可用来嗅探不同的浏览器。

由于不同的浏览器支持不同的对象，可以使用对象来检测浏览器。例如，由于只有 Opera 支持属性 "window.opera"，可以据此识别出 Opera。

例子：if (window.opera) {...some action...}

6 javascript记时：

通过javascript记时，可以实现函数不再被调用时马上执行，而是经过一段确定时间之后才会执行。

实现记时的两个关键函数为：

setTimeOut（）:设置未来多久代码被执行,setTimeout() 方法会返回某个值。比如，值被储存在名为 t 的变量中。假如希望取消这个 setTimeout()，可以使用这个变量名来指定它。setTimeout() 的第一个参数是含有 JavaScript 语句的字符串。这个语句可能诸如 "alert(‘5 seconds!‘)"，或者对函数的调用，诸如 alertMsg()"。第二个参数指示从当前起多少毫秒后执行第一个参数。

clearTimeOut（）：取消setTimeOut。

7 javascript cookies：

cookies是存储于访问者计算机中的变量，每当浏览器通过浏览器请求某个页面的时候，就会发送这个cookies，可以使用JavaScript 来创建和取回 cookie 的值。

名字 cookie当访问者首次访问页面时，他或她也许会填写他/她们的名字。名字会存储于 cookie 中。当访问者再次访问网站时，他们会收到类似 "Welcome John Doe!" 的欢迎词。而名字则是从 cookie 中取回的。密码 cookie当访问者首次访问页面时，他或她也许会填写他/她们的密码。密码也可被存储于 cookie 中。当他们再次访问网站时，密码就会从 cookie 中取回。日期 cookie当访问者首次访问你的网站时，当前的日期可存储于 cookie 中。当他们再次访问网站时，他们会收到类似这样的一条消息："Your last visit was on Tuesday August 11, 2005!"。日期也是从 cookie 中取回的。