• 文件對(duì)象:

    代表當(dāng)前HTML對(duì)象,是由<body>標(biāo)簽組構(gòu)成的,對(duì)每個(gè)HTML文件會(huì)自動(dòng)建立一個(gè)文件對(duì)象。

    格式:

    document.屬性
    document.方法(參數(shù))

  • 文件對(duì)象的屬性:

    linkColor 設(shè)置超鏈接的顏色
    alinkColor 作用中的超鏈接的顏色
    vlinkColor 鏈接的超鏈接顏色
    links 以數(shù)組索引值表示所有超鏈接
    URL 該文件的網(wǎng)址
    anchors 以數(shù)組索引值表示所有錨點(diǎn)
    bgColor 背景顏色
    fgColor 前景顏色
    classes 文件中的class屬性
    cookie 設(shè)置cookie
    domain 指定服務(wù)器的域名
    formName 以表單名稱表示所有表單
    forms 以數(shù)組索引值表示所有表單
    images 以數(shù)組索引值表示所有圖像
    layers 以數(shù)組索引值表示所有l(wèi)ayer
    embeds 文件中的plug-in
    applets 以數(shù)組索引值表示所有applet
    plugins 以數(shù)組索引值表示所有插件程序
    referrer 代表當(dāng)前打開文件的網(wǎng)頁的網(wǎng)址
    tags 指出HTML標(biāo)簽的樣式
    title 該文檔的標(biāo)題
    width 該文件的寬度(px)
    lastModified 文件最后修改時(shí)間
  • 文件對(duì)象的方法:

    captureEvents(事件) 設(shè)置要獲取指定的事件
    close() 關(guān)閉輸出字符流,強(qiáng)制顯示數(shù)據(jù)內(nèi)容
    getSelection() 取得當(dāng)前選取的字串
    handleEvent(事件) 使事件處理器生效
    open([mimeType,[replace]]) 打開字符流
    releaseEvents(事件類型) 釋放已獲取的事件
    routeEvent(事件) 傳送已捕捉的事件
    write(字串) 寫字串或數(shù)值到文件中
    writeln(字串) 分行寫字串或數(shù)值到文件中(<pre>..</pre>)
  • 文件對(duì)象的事件處理程序:

    onClick onDbClick onKeyDown onKeyPress onKeyUp onMouseDown onMouseOver

例1:
<Script>

document.bgColor = "white";
document.fgColor = "black";
document.linkColor = "red";
document.alinkColor = "blue";
document.vlinkColor = "purple";

</Script>

測試文件對(duì)象的顏色屬性:<BR>

<A >文哥網(wǎng)路技術(shù)學(xué)習(xí)網(wǎng)</A>

例2:
<Script>

var update_date = document.lastModified;
var formated_date = update_date.substring(0,10);

document.write("本網(wǎng)頁更新日期:" + update_date + "<BR>")
document.write("本網(wǎng)頁更新日期:" + formated_date)

</Script>



 
  • 錨點(diǎn)對(duì)象:

    網(wǎng)頁中的錨點(diǎn)均會(huì)被自動(dòng)看作錨點(diǎn)對(duì)象,并依順序,分別表示為document.anchors[0],document.anchors[1]...

    定義錨點(diǎn)對(duì)象的格式:

    字串.anchor(屬性)

  • 錨點(diǎn)對(duì)象的屬性:

    name 錨點(diǎn)名稱
    text 錨點(diǎn)字串
 
  • 鏈接對(duì)象:

    網(wǎng)頁中的鏈接均會(huì)被自動(dòng)看作鏈接對(duì)象,并依順序,分別表示為document.links[0],document.links[1]...

    定義鏈接對(duì)象的格式:

字串.link(屬性)

  • 鏈接對(duì)象的屬性:

    hash URL中的錨點(diǎn)名稱
    host 主機(jī)域名或IP地址
    hostname URL中的host+port
    href 完整的URL字串
    pathname URL中path部分
    port URL中端口部分
    protocol URL中通訊協(xié)議部分
    search URL中查詢字串部分
    target 代表目標(biāo)的窗口
    text 表示A標(biāo)簽中的文字
    x 鏈接對(duì)象的左邊界
    y 鏈接對(duì)象的右邊界
  • 鏈接對(duì)象的方法:

    handleEvent(事件)
    激活對(duì)某事件的處理程序。

  • 鏈接對(duì)象的事件處理程序:

    onClick onDbClick onKeyDown onKeyPress onKeyUp onMouseDown onMouseUp onMouseOver onMouseOut

例1:
<Script>

function linkGetter() {
msgWindow = open('','','width=250,height=200')
msgWindow.document.write("共有" + document.links.length + "個(gè)搜索引擎")
for (var i = 0; i < document.links.length; i++) {
     msgWindow.document.write("<LI>"+document.links[i])
}
}

</Script>

常用的搜索引擎:<BR>

<A >蕃薯藤</A>
<A >奇摩</A>
<A >雅虎</A>
<A >蓋世</A>
<A >網(wǎng)擎</A>
<A >夢想家</A><BR>
<INPUT TYPE="button" VALUE="網(wǎng)址一覽" onClick=linkGetter()>

 
  • 框架對(duì)象:

可以被窗口中的框架引用的對(duì)象,具有窗口對(duì)象的屬性和方法。

格式:

top.frameName|frames[n].屬性|方法

parent.frameName|frames[n].屬性|方法

例:
/* -------- frameset.htm -------- */
<Script>

document.title = "框架組頁";
var usrID = "來賓";

</Script>

<FRAMESET COLS="20%,80%">
     <FRAME SRC="menu.htm" NAME=leftFrame>
     <FRAMESET ROWS="10%,90%">
         <FRAME SRC="usrInfo.htm" NAME=upFrame>
         <FRAME SRC="welcome.htm" NAME=downFrame>
     </FRAMESET>
</FRAMESET>

<!-------- menu.htm -------->

<HEAD>
<TITLE>導(dǎo)航頁</TITLE>
<STYLE>A{text-decoration:none}</STYLE>
</HEAD>
<BODY>
<CENTER>
<A HREF="login.htm" TARGET="downFrame">會(huì)員登錄</A><BR>
<A HREF="hot.htm" TARGET="downFrame">熱門優(yōu)惠</A><BR>
<A HREF="welcome.htm" TARGET="downFrame">回 首 頁</A>
<BR>
</CENTER>
</BODY>

/* -------- usrInfo.htm -------- */
<Script>

document.title = "用戶信息";
var bye = "歡迎有空常來..."


document.write
("<MARQUEE>親愛的<FONT COLOR='gray'><U>",top.usrID,"</U></FONT>會(huì)員,歡迎您的光臨! </MARQUEE>");


</Script>

/* -------- login.htm -------- */
<Script>

document.title = "用戶登錄";

function login() {
     top.usrID = document.loginForm.usr.value;
     top.upFrame.location = "usrInfo.htm";
}

</Script>

<HTML>
<FORM NAME="loginForm">
請(qǐng)輸入您的大名:
<INPUT TYPE="text" NAME="usr">
<INPUT TYPE="button" VALUE="填寫完畢" onClick=login()>
</FORM>
</HTML>

  • 防止直接鏈接:

例:
<Script> /* -------- hot.htm -------- */

document.title = "熱門優(yōu)惠";

if (top.usrID == null) {
     location = "frameset.htm";
}

</Script>

今日優(yōu)惠:

<LI>超級(jí)豪華大比薩。(原價(jià)$550,今天只要$450)
<LI>海鮮大比薩。(原價(jià)$550,今天只要$450)

  • 檢查是否使用框架:

例:
<!-------- welcome.htm -------->

<HEAD>
<TITLE>首頁</TITLE>
<STYLE>A{text-decoration:none}</STYLE>

<Script>

if (top.frames.length == 0) {
    location = "frameset.htm";
}
if (top.frames.length > 0) {
    location = "frameset.htm";
}

</Script>

</HEAD>
<CENTER>
歡迎光臨<H1>
<FONT COLOR="green" FACE="arial">
My PIZZA</FONT></H1>
</CENTER>



ExtJS教程- Hibernate教程-Struts2 教程-Lucene教程