标签：javascript window
window对象是BOM的核心，window对象指当前的浏览器窗口！
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-
8">
<title>window对象</title>
<script type="text/javascript">
function mysty(){
alert("欢迎来到百度窗口");
window.open
("http://www.baidu.com/","_blank","width=600","height=400");
}
</script>
</head>
<body>
<form>
<input type="button" value="点击我，打开新窗口" onclick="mysty
()" />
</form>
</body>
</html>**
**
在JavaScript中，我们可以在设定的时间间隔之后来执行代码，而不是
在函数被调用后立即执行。
计时器类型：
一次性计时器：仅在指定的延迟时间之后触发一次。
间隔性触发计时器：每隔一定的时间间隔就触发一次。
计时器方法：
setTimeout() 指定的延迟时间之后来执行代码
clearTimeout（） 取消setTimeout（）设置
setInterval（） 每隔指定的时间执行代码
Clearinterval() 取消setinterval（）设置
setInterval()
在执行时，从载入页面后每隔指定的时间执行代码。
语法：
setInterval(代码，交互时间);
代码：要调用的函数或要执行的代码串。
交互时间：周期性执行或调用表达式之间的时间间隔，以毫秒计；
返回值：
一个可以传递给clearInterval（） 从而取消对代码的周期性执行的值
。
调用函数格式（假设有一个clock（）函数）：
setInterval(“clock()”,1000);
或者
setInterval(clock,100);
显示在浏览器上的时间设置：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-
8">
<title>计时器</title>
<script type="text/javascript">
var int=setInterval(clock, 100)
function clock(){
var time=new Date();
document.getElementById("clock").value = time;
}
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50" />
</form>
</body>
</html>取消计时器clearInterval（）
clearInterval() 方法可取消由setInterval()设置的交互时间。
语法：
clearInterval（id_of_setInterval）；
参数：
id_of_setInterval：由setInterval（）返回的ID值。
每隔100毫秒调用clock（）函数，并显示时间。当点击按钮时，停止
时间，代码如下：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-
8">
<title>计时器</title>
<script type="text/javascript">
function clock(){
var time=new Date();
document.getElementById("clock").value = time;
}
// 每隔100毫秒调用clock函数，并将返回值赋值给i
var i=setInterval("clock()",100);
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50" />
<input type="button" value="Stop" onclick="clearInterval(i)" />
</form>
</body>
</html>计时器setTimeout()
setTimeout() 计时器，在载入延迟执行时间后，去执行一次表达式，
仅执行一次。
语法：
setTimeout(代码，延迟时间);
参数说明：
代码：要调用的函数或要执行的代码串。
延迟时间：在执行代码前需等待的时间，以毫秒为单位。
当打开网页3秒后，再弹出一个提示框，代码如下：
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
setTimeout("alert(‘Hello!‘)",3000);
</script>
</head>
</html>当按钮start被点击时，setTimeout（）调用函数，在5秒后弹出一个提
示框。
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
function tinfo(){
var t = setTimeout("alert(‘Hello!‘)",5000);
}
</script>
</head>
<body>
<form>
<input type="button" value="start" onClick="tinfo()">
</form>
</body>
</html>要创建一个运行于无穷循环中的计数器，我们需要编写一个函数来调
用其自身。在下面的代码，当按钮被点击后，输入域便从0开始计数
。
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
var num=0;
function numCount(){
document.getElementById(‘txt‘).value=num;
num=num+1;
setTimeout("numCount()",1000);
}
</script>
</head>
<body>
<input type="text" id="txt" />
<input type="button" value="Start" onClick="numCount()" />
</body>
</html>取消计时器clearTimeout()
setTimeout() 和clearTimeout() 一起使用，停止计时器。
语法：
clearTimeout(id_of_setTimeout);
参数说明：
id_of_setTimeout:由setTimeout()返回的ID值。该值标识要取消的延迟
执行代码块。
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
var num=0,i;
function timedCount(){
document.getElementById(‘txt‘).value=num;
num=num+1;
i=setTimeout(timedCount,1000);
}
setTimeout(timeCount,1000);
function stopCount(){
clearTimeout(i);
}
</script>
</head>
<body>
<form >
<input type="text" id="txt">
<input type="button" value="stop" onClick="stopCount()">
</form>
</body>
</html>history对象记录了用户曾经浏览过的页面（URL），并可以实现浏览
器前进与后退相似导航的功能。
注意：从窗口被打开的那一刻开始记录，每个浏览器窗口，每个标签
页乃至每个框架，都有自己的history对象与特定的window对象关联。
语法：
window.history.[属性|方法]
window可以省略。
history对象属性：
length 返回浏览器历史列表中的URL数量。
history对象方法：
back() 加载history列表中的前一个URL。
forward() 加载history列表中的下一个URL。
go() 加载history列表中的某个具体的页面。
使用length属性，输出当前窗口的浏览历史总长度，代码如下：
<script type="text/javascript">
var HL = window.history.length;
document.write(HL);
</script>返回前一个浏览的页面
back（）方法，加载history列表中的前一个URL。
语法：
window.history.back();
比如,返回前一个浏览的页面，代码如下：
window.history.back();
注意：等同于点击浏览器的倒退按钮。
back() 相当于go(-1),代码如下：
window.history.go(-1);
返回下一个浏览的页面
forward() 方法，加载history列表中下一个URL。
如果倒退之后，再想回到倒退之前浏览的页面，则可以forward（）方
法，代码如下：
window.history.forward();
== window.history.go(1);
返回浏览历史中的其他页面
go()方法，根据当前所处的页面，加载history列表中的某个具体的页
面。
语法：
window.history.go(number);
参数：
1 前一个，go(1) = = forward();
0 当前页面
-1 后一个，go(-1) = =back()
其他数值 要访问的URL在history的URL列表中的相对位置
。
location用于获取或设置窗体的URL，并且可以用于解析URL。
语法：
location.[属性|方法]
location 对象属性：
hash 设置或返回从 # 开始的URL 。
host 设置或返回主机名和当前的URL的端口号。
hostname 设置或返回当前URL的主机名。
href 设置或返回完整的URL
pathname 设置或返回当前URL的路径部分
port 设置或返回当前URL的端口号。
protocol 设置或返回当前URL的协议。
search 设置或返回从？ 开始的URL（查询部分）。
location 对象方法：
assign() 加载新的文档
reload() 重新加载当前文档。
replace() 用新的文档替代当前文档
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-
8">
<title>location</title>
</head>
<script type="text/javascript">
document.write(window.location.href);
</script>
</head>
<body>
</body>
</html>版权声明：本文为博主原创文章，未经博主允许不得转载。
标签：javascript window
原文地址：http://blog.csdn.net/ice_alone/article/details/47760505
