JS中常用window属性和方法

本文详细介绍了JavaScript中的Window对象,包括Location对象的属性和方法、窗口尺寸操作、Window Screen、window.history以及Window Navigator等内容,揭示了如何在不使用'window'前缀的情况下操作这些特性。

对象在编写时可不使用window这个前缀

方法介绍
setInterval()间隔指定的毫秒数不停地执行指定的代码。
clearInterval()用于停止 setInterval() 方法执行的函数代码。
setTimeout()暂停指定的毫秒数后执行指定的代码
clearTimeout()用于停止执行setTimeout()方法的函数代码
close()关闭当前窗口
open()打开新窗口,并返回新窗口的对象
moveTo()移动当前窗口
resizeTo()重新调整当前窗口
例子: clearInterval(fun,1000)

语法  window.open(URL,name,features,replace);

URL:可选字符串,声明了新窗口的URL。如果省略这个参数或者值为空字符串,则新窗口不显示任何文档

name:可选字符串,是一个由逗号分割的特征列表,它声明了新窗口名称。如果此参数指定已存在窗口,则open方法返回对指定窗口的引用(不再创建新窗口)。这时,features将被忽略。

features:可选字符串,声明了新窗口显示的标准浏览器特征,如果省略,则新窗口具有所有标准特征。

replace:一个可选的布尔值。规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目,还是替换浏览历史中的当前条目。支持下面的值:•true - URL 替换浏览历史中的当前条目。•false - URL 在浏览历史中创建新的条目。

其中open() 方法的第三个参数如下表

参数介绍
channelmode=yes/no/1/0是否使用剧院模式显示窗口。默认为 no
resizable=yes/no/1/0窗口是否可调节尺寸。默认是 yes。
directories=yes/no/1/0是否添加目录按钮。默认为 yes。
scrollbars=yes/no/1/0是否显示滚动条。默认为 yes。
fullscreen=yes/no/1/0是否使用全屏模式显示浏览器。默认是 no。处于全屏模式的窗口必须同时处于剧院模式。
status=yes/no/1/0是否添加状态栏。默认为 yes。
titlebar=yes/no/1/0是否显示标题栏。默认是 yes。
toolbar=yes/no/1/0是否显示浏览器的工具栏。默认是 yes。
location=yes/no/1/0是否显示地址字段。默认是 yes。
menubar=yes/no/1/0是否显示菜单栏。默认是 yes。
top=pixels窗口的 y 坐标。以像素计。
left=pixels窗口的 x 坐标。以像素计。
height=pixels窗口文档显示区的高度。以像素计。
width=pixels窗口的文档显示区的宽度。以像素计。

Location对象属性

参数介绍
hash设置或返回从井号 (#) 开始的 URL(锚)。
host设置或返回主机名和当前 URL 的端口号。
hostname设置或返回当前 URL 的主机名。
href设置或返回完整的 URL。
pathname设置或返回当前 URL 的路径部分
port设置或返回当前 URL 的端口号。
protocol设置或返回当前 URL 的协议。
search设置或返回从问号 (?) 开始的 URL(查询部分)。
 例子:var hostname = location.hostname;			// www.baidu.com|

Location对象方法

方法介绍
assign()加载新的文档。
reload()重新加载当前文档,相当于刷新页面。
replace()用新的文档替换当前文档。打开新页面。
例子:		location.replace("location.html#top?a=10&b=20");
		相当于location.href = "location.html#top?a=10&b=20";

窗口尺寸

属性介绍
这两个属性都以像素返回尺寸:浏览器窗口(浏览器视口)不包括工具栏和滚动条。
window.innerHeight浏览器窗口的内高度(以像素计)
window.innerWidth浏览器窗口的内宽度(以像素计)
其他:
对于 Internet Explorer 8, 7, 6, 5:
document.documentElement.clientHeight
document.documentElement.clientWidth
或:
document.body.clientHeight
document.body.clientWidth
例子:var w = window.innerWidth || document.documentElement.clientWidth
		    || document.body.clientWidth;             //兼容写法

Window Screen

属性介绍
screen.width属性返回以像素计的访问者屏幕宽度。
screen.height属性返回以像素计的访问者屏幕高度。
screen.availWidth属性返回访问者屏幕的宽度,以像素计,减去诸如窗口工具条之类的界面特征。
screen.availHeight属性返回访问者屏幕的高度,以像素计,减去诸如窗口工具条之类的界面特征。
screen.colorDepth属性返回用于显示一种颜色的比特数。
screen.pixelDepth属性返回屏幕的像素深度。

==window.history ==

为了保护用户的隐私,JavaScript 访问此对象存在限制。
方法介绍
back()等同于在浏览器点击后退按钮。
history.forward()等同于在浏览器中点击前进按钮

Window Navigator

属性介绍
appName属性返回浏览器的应用程序名称
appCodeName属性返回浏览器的应用程序代码名称
platform属性返回浏览器平台(操作系统)
cookieEnabled属性返回 true,如果 cookie 已启用,否则返回 false
product属性返回浏览器引擎的产品名称
appVersion属性返回有关浏览器的版本信息
userAgent属性返回由浏览器发送到服务器的用户代理报头(user-agent header)
language属性返回浏览器语言
onLine属性返回 true,假如浏览器在线
方法介绍
javaEnabled()方法返回 true,如果 Java 已启用
警告!!!
来自 navigator 对象的信息通常是误导性的,不应该用于检测浏览器版本,因为:

不同浏览器能够使用相同名称
导航数据可被浏览器拥有者更改
某些浏览器会错误标识自身以绕过站点测试
浏览器无法报告发布晚于浏览器的新操作系统
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值