JavaScript 计时器,History 对象(window),Location对象(window),Navigator对象

1,计时器setInterval()  在执行时,从载入页面后每隔指定的时间执行代码。

setInterval(代码,交互时间);
2,计时器setTimeout(),在载入后延迟指定时间后,去执行一次表达式,仅执行一次。
递归,就是在运行的过程中调用自己。setTimeout()计时器,在载入后延迟指定时间后,去执行一次表达式,仅执行一次。
setTimeout(代码,延迟时间);

function startCount() {
document.getElementById(‘count‘).value=num;
num=num+1;
setTimeout("startCount()",1000);
}

3,setTimeout()和clearTimeout()一起使用,停止计时器。

clearTimeout(id_of_setTimeout)

<script type="text/javascript">
var num=0;
var i;
var j;
function startCount(){
document.getElementById(‘count‘).value=num;
num=num+1;
i=setTimeout("startCount()",1000);
}
function stopCount(){
j =clearTimeout(i);
}
</script>
</head>
<body>
<form>
<input type="text" id="count" />
<input type="button" value="Start" onclick= "startCount()"/>
<input type="button" value="Stop" onclick="stopCount()" />

History 对象

history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。

window.history.[属性|方法]window.history.go(1)是返回历史记录上一个页面window.history.go(-1)是返回历史记录下一个页面window.history.back()是返回历史记录上一个页面window.history.forward()是返回历史记录下一个页面

Location对象

location用于获取或设置窗体的URL,并且可以用于解析URL。

location.[属性|方法]



Navigator对象

Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本

 document.write(navigator.appVersion);
时间: 2024-08-05 19:11:04

JavaScript 计时器,History 对象(window),Location对象(window),Navigator对象的相关文章

window.location与window.open()的区别

"top.location.href"是最外层的页面跳转"window.location.href"."location.href"是本页面跳转"parent.location.href"是上一层页面跳转. location是window对象的属性,而所有的网页下的对象都是属于window作用域链中(这是顶级作用域),所以使用时是可以省略window.而top是指向顶级窗口对象,parent是指向父级窗口对象. window.

完善用户体验: 活用window.location与window.open解决页面跳转问题

原文地址: JavaScript Redirects and window.open原文日期: 2014年08月27日翻译日期: 2014年08月31日翻译人员: 铁锚 (译者注: 本文解决的是按 Ctrl键时使用JS打开新页面的问题) 在简化的HTML5规范中,允许在 A 标签内包含多个 DIV 和/或其他块级元素. 现在只要用 <a> 标签包住块元素,就能搞定原来需要用JavaScript来监听并调用 window.location 实现页面跳转(redirect)功能.但使用<a&

关于 Safari 浏览器不支持 location [ window.location.href window.open()] 跳转问题的解决方案

最近在做项目时,碰到 safari 浏览器不支持location跳转问题,针对此问题,可以通过 js 模拟点击时间来解决,代码如下: 1 <!DOCTYPE HTML> 2 <html lang="en-US"> 3 <head> 4   <meta charset="UTF-8"> 5   <title></title> 6 </head> 7 <body> 8   &

《JAVASCRIPT高级程序设计》window/location/navigator/screen/history对象

如果要在web中使用JAVASCRIPT,那么BOM(浏览器对象模型)毫无疑问是最重要的部分.BOM提供了很多对象,例如,window.location.navigator.screen.history对象,下面我们来一一介绍这些对象的相关功能.先从window对象开始,它表示浏览器的一个实例. window对象: 一.全局作用域 window对象在ECMAScript扮演者global对象的角色,因此在全局作用域中声明的变量和函数都会成为window对象的属性和方法:但是通过这两种方式定义的属

javascript宿主对象之window.location

location属性是一个用来存储当前页面URL信息的对象. 下面我们通过循环来列出location对象的完整属性列表: for(var i in location){ if(typeof location[i] == 'string'){ console.log( i + ' = "' + location[i] + ' " '); } } 下面来看一下: 另外,location对象还提供了三种方法:分别是: 1. reload(); 2. assign(); 3. replace(

window.location对象使用说明

1.简介 location是javascript里边管理地址栏的内置对象,比如location.href就管理页面的url,用location.href=url就可以直接将页面重定向url.而location.hash则可以用来获取或设置页面的标签值.比如http://domain/#admin的location.hash="#admin".利用这个属性值可以做一个非常有意义的事情. 2.window.location.href 取得当前页面的地址栏中字符串. 3.window.loc

javascript中window.open()与window.location.href

1.window.location是window对象的属性,而window.open是window对象的方法    window.location是你对当前浏览器窗口的URL地址对象的参考!      window.open是用来打开一个新窗口的函数! 2. 在给按钮.表格.单元格.下拉列表和DIV等做链接时一般都要用Javascript来完成.和做普通链接一样,可能我们需要让链接页面在当前窗口打开,也可能需要在新窗口打开,这时我们就可以使用下面两项之一来完成:     window.open

window.location.reload(false);window.location.reload(true);history.Go(0)区别

在日常工作中常用的页面刷新方式的区别: 1 window.location.reload(false);  先说说window.location.reload(false);当我们window.location.reload();默认也是false;  它先会根据浏览器的http请求的头部 If-Modified-Since的值来判断在请求文件时文件是否发生变化,如果没有就从缓存中找到更新到页面. 如果有form,会重新提交form表单 2 window.location.reload(true

javascript:window.location.replace 与 window.location.reload() 刷新页面的不同效果

今天早上我发现一个问题,当一个网页的地址最后面是一个#时(比如:http://www.baidu.com/go.asp#), 执行:window.location.replace(window.location.href); 浏览器不刷新页面. 经过测试: window.location.href = window.location.href; 浏览器也不刷新页面. 经过测试:window.location.reload() ; 浏览器会刷新页面. 以前经过一些测试发现 window.locat