- window对象
- 全局作用域
window对象是js中的global对象,因此所有全局作用域中声明的变量、函数都会变成window对象的属性和方法
Tips:
全局变量不能通过delete删除,而window对象上定义的属性可以 - 窗口关系及框架
页面中若包含框架,每个框架拥有自己的window对象并且保存在frames集合中
window.name 为window对象包含的框架名称
window.top 为最外层框架,即浏览器窗口
window.parent 当前框架的直接上层框架 - 窗口位置
跨浏览器取得窗口左边和上边的位置
var leftPos = (typeof window.screenLeft == "number")?
window.screenLeft:window.screenX;
var topPos = (typeof window.screenTop == "number")?
window.screenTop:window.screenY;
移动窗口位置
window.moveTo(200,300);//将窗口移动到(200,300)
window.moveBy(0,100);//将窗口向下移动100像素
- 窗口大小
var pageWidth = window.innerWidth,
pageHeight = window.innerHeight;
if (typeof pageWidth != "number"){
if (document.compatMode == "CSS1Compat"){
pageWidth = document.documentElement.clientWidth;
pageHeight = document.documentElement.clientHeight;
} else {
pageWidth = document.body.clientWidth;
pageHeight = document.body.clientHeight;
}
}
调整窗口大小
window.resizeTo(100,100)//接收浏览器窗口的新高度和新宽度
window.resizeBy(100,100)//接收新窗口与原窗口的高度宽度之差
- 导航和打开窗口
window.open();//接收四个参数
1.要加载的URL地址
2.窗口目标(_self _parent _top _blank)
3.特性字符串(见下图)
4.新页面是否取代浏览器历史记录中当前加载页面的布尔值
Tips:
window.close()可以关闭用window.open()打开的窗口
- 间歇调用和超时调用
js是单线程语言,但它允许通过设置超时值和间歇时间值来调度代码在特定的时刻进行
setTimeOut()//超时执行,两个参数,要执行的代码和以毫秒表示的时间
=》返回一个数值id作为计划执行代码唯一标识符
clearTimeout(执行代码标识符)//取消调用计划
setInterval()//间歇调用,按照指定的时间间隔重复执行代码
clearInterval(执行代码标识符)//取消间歇调用
- 系统对话框
alert()、confirm()、prompt()
-
location对象
location对象提供了与当前窗口中加载的文档有关的信息,还提供了一些导航信息,它既是window对象属性,也是document对象属性,不仅保存当前文档信息,还将url解析为独立片段
- 查询字符串参数
location.search返回从问好到url末尾的所有参数,配合下面函数即可查询字符串参数
function getQueryStringArgs(){
//取得查询字符串并去掉开头的问号
var qs = (location.search.length>0?location.search.substring(1):" ");
//保存数据对象
var args={};
//取得每一项
var items = qs.length ? qs.slplit("&"):[];
var item =null;
var name = null;
var value = null;
//在for循环中使用
for(var i=0;i< items.length;i++){
item = items[i].split("=");
name=decodeURIComponent(item[0]);
value=decodeURIComponent(item[1]);
if(name.length){
args[name]=value
}
}
return args;
}
- 位置操作
- assign()方法
立即打开新url并在浏览器的历史记录中生成一条记录(location.href和window.location都是调用的这个方法)
Tips
每次修改location的属性(hash除外),页面都会以新url重新加载
2)replace()方法
不在历史记录中生成新记录
3)reload()方法
重新加载当前的页面
location.reload();//有可能从缓存中加载
location.reload(true);//从服务器中重新加载
- navigator对象
识别客户端浏览器的事实标准
- 检测插件
navigator.plugins=>一个数组
navigator.plugins[i].name//插件的名字
navigator.plugins[i].description//插件的描述
navigator.plugins[i].filename//插件的文件名
- 注册处理程序(后面介绍)
registerContentHandler()
registerProtocolHandler()
- screen对象
(不重要) - history对象
history对象保存用户上网的历史记录
- go()方法
在用户的历史记录里任意跳转
history(-1)//后退一页
history(1)//前进一页
history("wrox.com")//跳转到最近的wrox.com页面
类似有history.back方法、history.forward方法
- history.length 保存历史纪录的数量,第一个页面length==0