JS

HTML DOM Document 对象

Document 对象

种种载入浏览器的 HTML 文档都会化为 Document 对象。

Document 对象使我们得以从剧本中对 HTML 页面中的全部因素进行走访。

提醒:Document 对象是 Window 对象的一部分,可通过 window.document
属性对其进展走访。

Document 对象集合

集合 描述
all[] 提供对文档中所有 HTML 元素的访问。
anchors[] 返回对文档中所有 Anchor 对象的引用。
applets 返回对文档中所有 Applet 对象的引用。
forms[] 返回对文档中所有 Form 对象引用。
images[] 返回对文档中所有 Image 对象引用。
links[] 返回对文档中所有 Area 和 Link 对象引用。

Document 对象属性

属性 描述
body

提供对 <body> 元素的直接访问。

对于定义了框架集的文档,该属性引用最外层的 <frameset>。

cookie 设置或返回与当前文档有关的所有 cookie。
domain 返回当前文档的域名。
lastModified 返回文档被最后修改的日期和时间。
referrer 返回载入当前文档的文档的 URL。
title 返回当前文档的标题。
URL 返回当前文档的 URL。

Document 对象方法

方法 描述
close() 关闭用 document.open() 方法打开的输出流,并显示选定的数据。
getElementById() 返回对拥有指定 id 的第一个对象的引用。
getElementsByName() 返回带有指定名称的对象集合。
getElementsByTagName() 返回带有指定标签名的对象集合。
open() 打开一个流,以收集来自任何 document.write() 或 document.writeln() 方法的输出。
write() 向文档写 HTML 表达式 或 JavaScript 代码。
writeln() 等同于 write() 方法,不同的是在每个表达式之后写一个换行符。

Document 对象描述

HTMLDocument 接口对 DOM Document 接口实行了扩充,定义 HTML
专用的习性和措施。

许多属性和办法都以 HTMLCollection
对象(实际上是足以用数组或名称索引的只读数组),在那之中保存了对锚、表单、链接以及别的可脚本成分的引用。

那么些集合属性都源自于 0 级
DOM。它们曾经被 Document.getElementsByTagName() 所代替,可是照旧平时使用,因为她们很有利。

write()
方法
值得注意,在文书档案载入和剖析的时候,它同意三个剧本向文书档案中插入动态变化的始末。

瞩目,在 一 级 DOM 中,HTMLDocument
定义了二个名称叫 getElementById() 的那么些实用的格局。在
2 级 DOM 中,该措施已经被撤换来了 Document 接口,它今后由 HTMLDocument
继承而不是由它定义了。

 

Window 对象

Window 对象

Window 对象表示浏览器中开拓的窗口。

假设文书档案包蕴框架(frame 或 iframe 标签),浏览器会为 HTML 文书档案创立三个window 对象,并为每种框架创制二个额外的 window 对象。

诠释:没有接纳于 window 对象的当众规范,可是拥有浏览器都支持该对象。

Window 对象集合

集合 描述
frames[]

返回窗口中所有命名的框架。

该集合是 Window 对象的数组,每个 Window 对象在窗口中含有一个框架或 <iframe>。属性 frames.length 存放数组 frames[] 中含有的元素个数。注意,frames[] 数组中引用的框架可能还包括框架,它们自己也具有 frames[] 数组。

Window 对象属性

属性 描述
closed 返回窗口是否已被关闭。
defaultStatus 设置或返回窗口状态栏中的默认文本。
document 对 Document 对象的只读引用。请参阅 Document 对象
history 对 History 对象的只读引用。请参数 History 对象
innerheight 返回窗口的文档显示区的高度。
innerwidth 返回窗口的文档显示区的宽度。
length 设置或返回窗口中的框架数量。
location 用于窗口或框架的 Location 对象。请参阅 Location 对象
name 设置或返回窗口的名称。
Navigator 对 Navigator 对象的只读引用。请参数 Navigator 对象
opener 返回对创建此窗口的窗口的引用。
outerheight 返回窗口的外部高度。
outerwidth 返回窗口的外部宽度。
pageXOffset 设置或返回当前页面相对于窗口显示区左上角的 X 位置。
pageYOffset 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。
parent 返回父窗口。
Screen 对 Screen 对象的只读引用。请参数 Screen 对象
self 返回对当前窗口的引用。等价于 Window 属性。
status 设置窗口状态栏的文本。
top 返回最顶层的先辈窗口。
window window 属性等价于 self 属性,它包含了对窗口自身的引用。
  • screenLeft
  • screenTop
  • screenX
  • screenY
只读整数。声明了窗口的左上角在屏幕上的的 x 坐标和 y 坐标。IE、Safari 和 Opera 支持 screenLeft 和 screenTop,而 Firefox 和 Safari 支持 screenX 和 screenY。

Window 对象方法

方法 描述
alert() 显示带有一段消息和一个确认按钮的警告框。
blur() 把键盘焦点从顶层窗口移开。
clearInterval() 取消由 setInterval() 设置的 timeout。
clearTimeout() 取消由 setTimeout() 方法设置的 timeout。
close() 关闭浏览器窗口。
confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。
createPopup() 创建一个 pop-up 窗口。
focus() 把键盘焦点给予一个窗口。
moveBy() 可相对窗口的当前坐标把它移动指定的像素。
moveTo() 把窗口的左上角移动到一个指定的坐标。
open() 打开一个新的浏览器窗口或查找一个已命名的窗口。
print() 打印当前窗口的内容。
prompt() 显示可提示用户输入的对话框。
resizeBy() 按照指定的像素调整窗口的大小。
resizeTo() 把窗口的大小调整到指定的宽度和高度。
scrollBy() 按照指定的像素值来滚动内容。
scrollTo() 把内容滚动到指定的坐标。
setInterval() 按照指定的周期(以毫秒计)来调用函数或计算表达式。
setTimeout() 在指定的毫秒数后调用函数或计算表达式。

Window 对象描述

Window 对象表示2个浏览器窗口或3个框架。在客户端 JavaScript 中,Window
对象是全局对象,全部的表明式都在时下的条件中总括。也正是说,要引用当前窗口根本不须要独特的语法,能够把格外窗口的属性作为全局变量来利用。例如,能够只写document,而不用写
window.document。

一律,能够把当前窗口对象的诀窍当作函数来使用,如只写 alert(),而不用写
Window.alert()。

除此而外上边列出的习性和办法,Window 对象还达成了大旨 JavaScript
所定义的具有全局属性和措施。

Window 对象的 window 属性和 self
属性
引用的都以它和谐。当你想领会地引用当前窗口,而不光是隐式地引用它时,能够动用那三个性子。除了这五个属性之外,parent
属性、top 属性以及 frame[] 数组都引用了与当下 Window 对象相关的别样
Window 对象。

要引用窗口中的三个框架,能够动用如下语法:

frame[i]       //当前窗口的框架
self.frame[i]   //当前窗口的框架
w.frame[i]  //窗口 w 的框架

要引用2个框架的父窗口(或父框架),能够利用上面包车型客车语法:

parent     //当前窗口的父窗口
self.parent //当前窗口的父窗口
w.parent        //窗口 w 的父窗口

要从顶层窗口含有的别的五个框架中引用它,能够动用如下语法:

top        //当前框架的顶层窗口
self.top        //当前框架的顶层窗口
f.top       //框架 f 的顶层窗口

新的顶层浏览器窗口由艺术 Window.open() 创制。当调用该方法时,应把 open()
调用的重临值存款和储蓄在3个变量中,然后利用尤其变量来引用新窗口。新窗口的 opener
属性
扭动引用了开拓它的百般窗口。

相似的话,Window
对象的章程都以对浏览器窗口或框架进行某种操作。而 alert()
方法
confirm()
方法
和 prompt
方法
则差别,它们经过简单的对话框与用户进行互动。

 

JavaScript String 对象

String 对象

String 对象用于拍卖公事(字符串)。

创造 String 对象的语法:

new String(s);
String(s);

参数

参数 s 是要存款和储蓄在 String 对象中或转换来原始字符串的值。

返回值

当 String() 和平运动算符 new 一起作为构造函数使用时,它回到3个新创造的
String 对象,存放的是字符串 sECMAScript, 或 s 的字符串表示。

当不用 new 运算符调用 String()
时,它只把 s 转换到原本的字符串,并再次来到转换后的值。

String 对象属性

属性 描述
constructor 对创建该对象的函数的引用
length 字符串的长度
prototype 允许您向对象添加属性和方法

String 对象方法

方法 描述
anchor() 创建 HTML 锚。
big() 用大号字体显示字符串。
blink() 显示闪动字符串。
bold() 使用粗体显示字符串。
charAt() 返回在指定位置的字符。
charCodeAt() 返回在指定的位置的字符的 Unicode 编码。
concat() 连接字符串。
fixed() 以打字机文本显示字符串。
fontcolor() 使用指定的颜色来显示字符串。
fontsize() 使用指定的尺寸来显示字符串。
fromCharCode() 从字符编码创建一个字符串。
indexOf() 检索字符串。
italics() 使用斜体显示字符串。
lastIndexOf() 从后向前搜索字符串。
link() 将字符串显示为链接。
localeCompare() 用本地特定的顺序来比较两个字符串。
match() 找到一个或多个正则表达式的匹配。
replace() 替换与正则表达式匹配的子串。
search() 检索与正则表达式相匹配的值。
slice() 提取字符串的片断,并在新的字符串中返回被提取的部分。
small() 使用小字号来显示字符串。
split() 把字符串分割为字符串数组。
strike() 使用删除线来显示字符串。
sub() 把字符串显示为下标。
substr() 从起始索引号提取字符串中指定数目的字符。
substring() 提取字符串中两个指定的索引号之间的字符。
sup() 把字符串显示为上标。
toLocaleLowerCase() 把字符串转换为小写。
toLocaleUpperCase() 把字符串转换为大写。
toLowerCase() 把字符串转换为小写。
toUpperCase() 把字符串转换为大写。
toSource() 代表对象的源代码。
toString() 返回字符串。
valueOf() 返回某个字符串对象的原始值。

String 对象描述

字符串是 JavaScript 的一种为主的数据类型。

String 对象的 length 属性表明了该字符串中的字符数。

String
类定义了汪洋操作字符串的主意,例如从字符串中领取字符或子串,可能搜索字符或子串。

亟待留意的是,JavaScript 的字符串是不可变的(immutable),String
类定义的方法都不能够改变字符串的剧情。像 String.toUpperCase()
那样的办法,重回的是崭新的字符串,而不是修改原始字符串。

在较早的 Netscape 代码基的 JavaScript 完成中(例如 Firefox
完成中),字符串的表现就如只读的字符数组。例如,从字符串 s
中领到第多少个字符,能够用 s[2] 代替特别正式的
s.charAt(②)。别的,对字符串应用 for/in
循环时,它将枚举字符串中各样字符的数组下标(但要注意,ECMAScript
标准规定,不能够枚举 length
属性)。因为字符串的数组行为不正规,所以理应防止使用它。