《javascript权威指南》Window对象

一、计时器

setTimeout():注册在指定时间后单次调用的函数

setInterval():注册在指定时间后重复调用的函数

都会返回一个值,可以传递给clearInterval()用来取消函数的执行。

function fun(){
    // do something here.
}

// 第一个方法
setTimeout(fun, 100);

// 第二个方法
setTimeout("fun()", 100);

二、浏览器定位和导航

window对象的location属性引用的是Location对象,表示该窗口当前显示的文档的URL,并定义了方法来使文档载入新的文档。

1.解析URL

location对象

href属性是字符串,包含URL的完整文本

protocol,host,hostname,port,pathname和search分别代表URL各部分

2.载入新的文档

location对象的assign()方法使窗口载入并显示指定的URL的文档。

replace在载入新文档前会从浏览历史把当前文档删除。

reload可以让浏览器重新加载当前文档

3.浏览历史

back()和forward()方法使浏览器在浏览历史前后跳转一格。

go()方法接收一个整数参数,在历史列表向前或向后跳过任意个页。

4.浏览器和屏幕信息

navigator对象

screen对象

提供关于窗口显示大小和可用的颜色数量的信息。

avalidWidth和avalidHeight指定可用的显示大小,colorDepth指定显示的BPP值。

五、对话框

alert

confirm:要求用户点确认或取消,返回不二子

promp:显示一条信息,等待用户输入,返回那个字符串

confirm和prompt都会产生阻塞,用户关掉它们之前都不会返回。

七、作为window对象属性的文档元素

如果HTML文档包含一个id为“x”的元素,并且在代码中声明并赋值给全局变量x,显式声明的变量会隐藏隐式的元素变量。如果脚本的变量声明出现在命名元素之前,那这个变量的存在会阻止元素获取它的window属性。如果出现在命名元素后,那么变量的显式赋值会覆盖该属性的隐式值。

八、多窗口和窗体

1.打开和关闭窗口

window.open(URL, name, feature, replace)

URL:新窗口显示的URL,省略则为about:blank

name:窗口的名字

feature:可选的以逗号分隔的列表,包含大小等属性

replace:只有在第二个参数命名的是存在的窗口才有用,是布尔值,声明由第一个参数指定的URL是应用替换窗口浏览历史的当前条目还是在窗口浏览历史中创建的新条目

返回值是代表命名或新创建的窗口的window对象。

如果已经创建了window对象w,可以用w.close()关闭窗口,但代表它的window对象还存在,有个值为true的closed属性。,document会是null

2.窗体之间的关系

window.self

功能:是对当前窗口自身的引用。它和window属性是等价的。

注:window、self、window.self是等价的。

window.top

功能:返回顶层窗口,即浏览器窗口。

注:如果窗口本身就是顶层窗口,top属性返回的是对自身的引用。

window.parent

功能:返回父窗口。

注:如果窗口本身是顶层窗口,parent属性返回的是对自身的引用。

时间: 2024-10-10 03:54:29

《javascript权威指南》Window对象的相关文章

window对象的几个重要方法

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>JavaScript window对象常用方法及事件</title><script type="text/javascript"> window.onload=function(){//文档加载完成后执行此方法   alert("文档加载完毕了"); }

【温故而知新-Javascript】使用 Window 对象

1. 获取 Window 对象 可以用两种方式获得Window对象.正规的HTML5方式是在Document对象上使用defaultView属性.另一种是使用所有浏览器都支持的全局变量window . <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>获取Window对象</title> </head

全局变量都是window对象的属性

var x = "haha"; var test  = function(){ alert(this.x); } 上述,则会弹出 haha的值. 因为在JavaScript的变量作用域里有一条规则“全局变量都是window对象的属性”. 所以当执行test();方法时,相当于执行window.test(); 所以test方法中的this相当于指向了window对象,而window对象又有x变量. 即:this所在的函数是当作哪个方法的对象所调用的,即该对象就是this所引用的对象. 参

window对象的常用属性,常用方法

window对象的常用属性: window.self 返回当前窗口的引用 window.parent   返回当前窗体的父窗体对象 window.top 返回当前窗体最顶层的父窗体的引用 window.outerwidth       返回当前窗口的外部宽 window.outerheight  返回当前窗口的外部高 window.innerwidth       返回当前窗口的可显示区域宽 window.innerheight  返回当前窗口的可显示区域高 提示:通过直接在Chrome控制台中

2015/12/23--部分window对象

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>部分window对象</title> <script type="text/javascript"> //无穷循环中的计时 var c = 0; var t; function timeCount(){ document.getE

HTML DOM Window对象

本篇主要介绍HTML DOM Window对象的属性和方法. 目录 1.介绍:描述HTML DOM Window对象. 2.属性:介绍window对象的属性.如:对Console.Document.History.Location和Navigator对象的引用. 3.方法:介绍window对象的方法.如:获取焦点.改变滚动条.设置定时器等等. 1. 介绍 Window对象表示浏览器打开的窗口.标签或者框架(若当前页面里包含多个iframe,会为每个iframe创建Window对象). Windo

JavaScript权威设计--Window对象之Iframe(简要学习笔记十四)

1.Window对象属性的文档元素(id) 如果在HTML文档中用id属性来为元素命名,并且如果Window对象没有此名字的属性,Window对象会赋予一个属性,它的名字是id属性的值,而他们的值指向表示文档元素的HTMLElement对象. Window对象是以全局对象的形式存在于作用域链的最上层,这就意味着HTML文档中使用的id属性会成为可以被脚本访问的全局变量. 如: <button id="but"/> 就可以通过全局变量but来引用此元素. 2.多窗体窗口(if

JavaScript权威设计--Window对象(简要学习笔记十三)

1.Window对象是所有客户端JavaScript特性和API的主要接入点. Window对象中的一个重要属性是document,它引用Document对象. JavaScript程序可以通过Document对象和它包含的Element对象遍历和管理文档. 2.URL中的JavaScript 在URL后面跟一个JavaScript:协议限定符.里面的代码会作为JavaScript代码进行运行,需用分号分割. 如: <a href="javascript:alert('OK!')"

如何真正重写window对象的方法

重写window对象的方法不是一件新奇的事,比如我们可能需要改变默认alert的行为,如何安全的重写呢? 小菜看到某知名IT网站是这样的写法: 1 window.alert = function(){}; 或者 1 alert = function(){}; 实际上,这种写法有些欠妥.这相当于在window对象上添加了一个alert属性,它的优先级比系统内置的alert高,所以可以达到重写的效果,但这很容易突破,执行以下语句,就会还原alert. 1 delete window.alert; 因

Unit06: 外部对象概述 、 window 对象 、 document 对象

Unit06: 外部对象概述 . window 对象 . document 对象 小代码演示: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script> //1.确认框 function del() { var b = confirm("确定要删除此数据吗?&qu