码迷,mamicode.com
首页 > 编程语言 > 详细

前端乱煮之javascript学习笔记五

时间:2016-04-04 20:50:11      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:

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 中取回的。

 

前端乱煮之javascript学习笔记五

标签:

原文地址:http://www.cnblogs.com/zhangtaiqingqing/p/5352830.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!