1.浏览器状态栏
可以通过window对象的status和defaultStatus属性设置浏览器地址栏。前者可以使浏览器地址栏文本暂时改变,后者可以在用户离开该页面前一直改变该文本。
可以在第一次载入页面时,使用默认的状态栏消息:
window.defaultStatus = "You are surfing www.wrox.com";
还可以用来显示链接的信息。(这一点在使用JavaScript URL时很有用,可以用来隐藏链接的实现细节)
<a href="javascript:goSomeWhere(1,2,3,4)" onmouseover="window.status='Information on this site'">Books</a>
2.时间间隔和暂停
可以通过window.setTimeout()方法设置暂停。该方法接收两个参数:要执行的代码和要等待的时间。第一个参数可以是代码字符串,也可以是函数指针,下面的例子展示了三种写法。
<html>
<head>
<title></title>
<script type="text/javascript">
function testTimeout1() {
setTimeout("alert('Hello,JS!')",2000);
}
function testTimeout2() {
setTimeout(function() {
alert("Hello, JS!")
},2000);
}
function sayHello() {
alert("Hello, JS!")
}
function testTimeout3() {
setTimeout(sayHello,2000);
}
</script>
</head>
<body onload="testTimeout3()">
</body>
</html>
window.setTimeout()方法会创建一个数字暂停ID,类似于OS中的进程ID。暂停ID本质上是要延迟的进程ID。调用了setTimeout之后,就不再执行它的代码。如果要取消暂停,则可以使用clearTimeout()方法,并且将暂停ID传给它。
设置时间间隔和设置暂停类似。只是它会无限次的每隔指定时间就执行指定的代码。设置时间间隔的函数是setInterval()。在语法上,时间间隔和暂停几乎没有区别。
<html>
<head>
<title></title>
<script type="text/javascript">
function testInterval1() {
setInterval("alert('Hello!')",1000);
}
function testInterval2() {
setInterval(function() {
alert("Hello!");
},1000);
}
function sayHello() {
alert("Hello!");
}
function testInterval3() {
setInterval(sayHello,1000);
}
</script>
</head>
<body onload="testInterval3()">
</body>
</html>
<html>
<head>
<script type="text/javascript">
var iNum = 0;
var iMax = 10;
var iIntervalId = null;
function incNum() {
iNum++;
alert("Hello!");
if(iNum == iMax) {
clearInterval(iIntervalId);
}
}
iIntervalId = setInterval(incNum,1000);
</script>
</head>
<body></body>
</html>
3.
浏览器历史
通过window.history的相关方法可以实现访问浏览器历史。
window.history.go():该方法接受一个参数,即前进或者后退的页数。正数代表前进,负数代表后退
window.history.back():后退
window.history.forward():前进
可以通过history.length属性查看到历史中的页面数
参考书:
《JavaScript高级编程》Nicolas C. Zakas著, 曹力 张欣 等译。
分享到:
相关推荐
Javascript高级编程学习笔记27——BOM1window对象1.docx
为了能够操纵浏览器和文档,JavaScript使用分层的父对象和子对象,这就是“文档对象模型”。这些对象的组织类似一个树型结构,并表示一个Web文档的所有内容和组件。 注意:”文档对象模型”不是JavaScript语言的一...
NULL 博文链接:https://zisefeiniao.iteye.com/blog/387035
此资源为我跟着B站up主【遇见狂神说】java系列视频中前端入门部分学习过程中所写 大部分和视频保持一致,有一些自己的理解和一些扩展的部分
前端学习(五)——Javascript学习笔记(三)对象.xmind
HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 ...
下面小编就为大家带来一篇JavaScript——DOM操作——Window.document对象详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
《javascript》——event对象与事件
JavaScript-学习笔记
Window对象文档,对学习javascript基本的初学者很有帮助
JavaScript基础
Javascript之BOM(window对象)详解_.docx
javascript入门学习笔记,绝对经典
个人Javascript学习笔记 精华版 个人Javascript学习笔记 精华版 个人Javascript学习笔记 精华版
前端学习——javascript学习笔记(二)函数
NULL 博文链接:https://dbajun.iteye.com/blog/242763
JavaScript学习笔记JavaScript学习笔记
ECMAScript是JavaScript的核心,但在web使用JavaScript,那么BOM(浏览器对象模型)才是真正的核心。 BOM的核心对象是window,它表示浏览器的一个实例。 在浏览器中,window对象既是JavaScript访问浏览器窗口的一个...
JavaScript学习笔记之创建对象_.docx
前端学习(六)——javascript学习笔记(四)HTML DOM.xmind