白学的小知识[window对象.history对象.location对象]

window对象：代表浏览器窗口，是最顶级的对象也是系统默认的全局对象，在网页的任何地方都可以直接调用其属性和方法。

包含的子对象：document history location等 。

window对象属性：

closed	判断浏览器窗口的关闭，返回一个布尔值
name	指当前浏览器窗口的名称，一般用于超级链接target使用， window.name简写为name
innerWidth	指当前浏览器窗口的宽度，不含滚动条、菜单栏、地址栏、状态栏等。IE低版本不支持
对象名+“.”+属性名	操作属性的方式

语法：window.属性名 = "属性值";

一、window常用方法

行内脚本调用函数：

<span onclick="hello();">行内脚本</span>

1、prompt( )

显示可提示用户输入的对话框

var temp = prompt("请输入年龄");

2、alert( )

显示带有一个提示信息和一个确定按钮的警示框

3、confirm( )

显示一个带有提示信息、确定和取消按钮的对话框

var temp = confirm("确认要删除此条信息吗？");

结果是boolean类型 true表示确定 false 表示取消

4、close( )

关闭浏览器窗口（火狐浏览器要设置关闭参数）

<span onclick="window.close();">关闭窗口</span>

5、open( )

打开一个新的浏览器窗口，加载给定 URL 所指定的文档

语法：window.open("弹出窗口的url","窗口的名字","窗口参数1,...窗口参数n");

窗口参数可以有多个值，每个值之间用逗号分隔（注意各浏览器对以下参数有不同的支持）

height、width 窗口文档显示区的高度、宽度。以像素计

left、top 窗口的x坐标、y坐标。以像素计

toolbar=yes | no |1 | 0 是否显示浏览器的工具栏。黙认是yes

scrollbars=yes | no |1 | 0 是否显示滚动条。黙认是yes

location=yes | no |1 | 0 是否显示地址地段。黙认是yes

status=yes | no |1 | 0 是否添加状态栏。黙认是yes

menubar=yes | no |1 | 0 是否显示菜单栏。黙认是yes

resizable=yes | no |1 | 0 窗口是否可调节尺寸。黙认是yes

titlebar=yes | no |1 | 0 是否显示标题栏。黙认是yes

fullscreen=yes | no |1 | 0 是否使用全屏模式显示浏览器。黙认是no。

"height=500, width=800, top=100, left=100, toolbar=no,
menubar=no,scrollbars=no,resizable=no, location=no, status=no";

6、print( )

打印页面

7、setTimeout()

启动一个延时器

语法：[window.]setTimeout(code,miliSec)

var timer= setTimeout(code,miliSec);

返回值：返回一个 延时器，其实是一个数字

参数 code：要执行的任何js代码，一般是函数

miliSec：时间值毫秒，等待多长时间执行code代码（1秒=1000毫秒）

使用注意：延时器方法只会执行一次，不会重复执行，除非在函数再次调用自己

var i=0;
var time;//注意定义成全局变量
function writeNumber(){
console.info(i);
i++;
}
time = window.setTimeout("writeNumber()",2000);

clearTimeout() 清除setTimeout()方法设置的延时器

语法：[window.]clearTimeout(timer)

window.clearTimeout(time);

8、setInterval()

启动一个定时器

语法：[window.]setInterval(code,miliSec)

var timer= setInterval(code,miliSec);

返回值：返回一个 定时器，也是一个数字

参数 code：要执行的任何js代码，一般是函数

miliSec：等待时间值毫秒

使用注意：定时器是一个真正的周期执行会重复执行

clearInterval() 清除clearInterval()方法设置的定时器

语法：[window.]clearInterval(timer)

var i=0;
var time;//注意定义成全局变量
//要调用的程序
function writeNumber(){
console.info(i);
i++;
}
//关闭定时器生效
function endTimeout(){
window.clearInterval(time);
}
//开始定时器生效
function beginTimeout(){
time = window.setInterval("writeNumber()",200);
}

<span onclick="endTimeout();">关闭打印</span>
<br/>
<span onclick="beginTimeout();">开始打印</span>

二、history对象常用方法

1、back() 后退

[window.]history.back(); 表示页面后退一页

2、forward() 前进

[window.]history.forward(); 表示页面前进一页

3、go() 前进/后退 可以设负数

[window.].history.go(1);//前进一页 可为负数

三、location对象常用方法

属性：

1、host 设置或返回主机名和当前URL的端口号

2、hostname 设置或返回当前URL的主机名

3、href 设置或返回完整的URL

function goUrl(){
location.href="http://www.baidu.com";
}

方法

reload() 刷新页面

function goReload(){
location.reload();
}

replace() 用新的文档替换当前文档

function goReplace(){
location.replace('http://www.baidu.com')
}
//本页面直接替换目标页面的内容