当前位置：首页 -> 网页设计 -> 网页特效 -> JavaScript技术讲座-使用内部对象系统

JavaScript技术讲座-使用内部对象系统

时间： 2021-07-31 作者：daque

运用欣赏器的里面东西体例, 可实行与html文书档案举行交互。它的效率是将关系元素构造包装起来，供给给步调安排职员运用，进而减少编制程序人的处事，普及安排web页面包车型的士本领。

一、欣赏器东西档次及其重要效率

除去前方提到过的文书档案document东西外，navigator欣赏器中还供给了窗口（window）东西以及汗青（history）和场所（location）东西。

欣赏器东西(navigator)

供给相关欣赏器的消息

窗口东西(windows)

window东西居于东西档次的最尖端，它供给了处置navigator窗口的本领和属性。

场所东西(location)

location东西供给了与暂时翻开的url一道处事的本领和属性，它是一个静态的东西。

汗青东西(history)

history东西供给了与汗青清单相关的消息。

文书档案东西(document)

document东西包括了与文书档案元素(elements)一道处事的东西，它将那些元素封装起来供编制程序职员运用。

编制程序职员运用那些东西，不妨对www欣赏器情况中的事变举行遏制并作根源理。在javascript中供给了特殊充分的里面本领和属性,进而减少了编制程序职员的处事,普及编制程序功效。这恰是鉴于东西与面向东西的基础辨别地方。在那些东西体例中,文书档案东西属于特殊要害的,它坐落最低层,但对于咱们实行web页面消息交互起作要害效率。所以它是东西体例的中心局部。

二、文书档案东西功效及其效率

在navigator欣赏器中，document文书档案东西是中心是，同声也是最要害的。见图6-1所示。

links

anchor

form

method

prop

链接东西

锚东西

窗体东西

本领

东西

图6－1 document东西

从图6-第11中学不妨看出，document东西的重要效率即是把那些基础的元素（如links,anchor等）包装起来，供给给编制程序职员运用。从另一个观点看，document东西中又是由属性和本领构成。

１、document中三个重要的东西

在document中重要有：links,anchor,form等三个最要害的东西：

（１）anchor锚东西：

anchor东西指的是<a name=...> </a>标识在html源码中生存时爆发的东西。它包括着文书档案中一切的anchors消息。

（２）链接links东西

link东西指的是用<a href=...> </a>标志的贯穿一个超文本或超媒介的元素动作一个一定的url。

（３）窗体（form）东西

窗体东西是文书档案东西的一个元素，它含有多种方法的东西积聚消息，运用它不妨在javascript剧本中编写步调举行笔墨输出，并不妨用来动静变换文书档案的动作。经过document. forms[]数组来使得在同一个页面上不妨有多个沟通的窗体,运用forms[]数组要比运用窗体名字要简单得多。

例:底下即是一个运用窗体数组和窗体名字的例子。该步调使得两个窗体中的字段实质维持普遍。

test6_1.htm

<html>

javascript技术讲座-使用内部对象系统

<head>

</head>

<body>

<form >

</form>

</form>

</body>

</html>

个中用了onchnge事变(当窗体实质变换时激励)。第一个运用窗体名字标识my,第二个运用窗体数组forms[]。其功效是普遍。

２、文书档案东西中的attribute属性

document东西中的attribute属性，重要用来在援用href标识时，遏制着相关脸色的方法和相关文书档案题目、文书档案原文献的url以及文书档案结果革新的日子。这局部元素的重要含意如次：

（１）链接脸色：alinkcolor

这个元素重要用来，当采用一个链接时，链接东西自己的脸色就按alinkcolo r指定变换。

（２）链接脸色：linkcolor

当用户运用<a href=...> text string </a>链接后，textstring的脸色就会按linkcolor所指定的脸色革新。

（３）欣赏事后的脸色：vlinkcolor

该属性表白的是已被欣赏保存为已欣赏过的链接脸色。

（４）后台脸色：bgcolor

该元素包括文书档案后台的脸色。

（５）远景脸色：fgcolor

该元素包括html文书档案华文本的远景脸色。

３、文书档案东西的基础元素

（１）窗体属性：

窗体属性是与html文书档案中<form>...</form>对立应的一组东西在html文书档案所创造的窗体数，由length指定。经过document.forms.length反应该文书档案中所创造的窗体数量。

（２）锚属性：anchors

该属性中，包括了html文书档案的一切<a> </a>标志为name=...的语句标识。一切“锚”的数量生存在document.anchors.length中。

（３）链接属性：links

链接属性是指在文书档案中<a>...</a>的由href=...指定的数量，其链接数量生存在document.links.length中。

[page_break]三、典型

例子：下列步调随机爆发每天一语。

test6_3.html

<html>

<head>

<!--

tips = new array(6);

tips[0]="每天一语（1）";

tips[1]="每天一语（2）";

tips[2]="每天一语（3）";

tips[3]="每天一语（4）";

tips[4]="每天一语（5）";

tips[5]="每天一语（6）";

index = math.floor(math.random() * tips.length);

document.write("<font size=8 color=darkblue>" + tips[index]+"</font>");

</script>

</head>

</body>

</html>

输入截止见图6-3所示。

图6-3

本讲重要引见了javascript东西体例的运用本领，个中中心引见了文书档案东西及运用。

JavaScript技术讲座-使用内部对象系统

相关推荐

推荐下载

热门阅览

最新排行