白学的小知识[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')
}
//本页面直接替换目标页面的内容