二、鏈接的相關(guān)屬性 ●關(guān)于target屬性 在鏈接中,target屬性最讓人費(fèi)解。 target屬性表示鏈接在哪個(gè)游覽器窗口打開(kāi)。其取值有以下幾種情況: 1._self:如$#@60;a href=″...″ target=″_self″$#@62; 該屬性值表示在當(dāng)前窗口打開(kāi)所鏈接的文件,如果你不對(duì)這
二、鏈接的相關(guān)屬性
●關(guān)于target屬性
在鏈接中,target屬性最讓人費(fèi)解。
target屬性表示鏈接在哪個(gè)游覽器窗口打開(kāi)。其取值有以下幾種情況:
1._self:如$#@60;a href=″…″ target=″_self″$#@62;
該屬性值表示在當(dāng)前窗口打開(kāi)所鏈接的文件,如果你不對(duì)這個(gè)屬性值進(jìn)行設(shè)置的話,則默認(rèn)為該值。
2._blank
如果你想將所鏈接的文件在新開(kāi)的窗口打開(kāi),就取該值。
3._parent
在講這個(gè)屬性之前,我們先要了解一下多幀結(jié)構(gòu)與浮動(dòng)幀。
多幀結(jié)構(gòu)其實(shí)就是多個(gè)HTML在同一個(gè)瀏覽器窗口中同時(shí)顯示,并將其分為多個(gè)小窗口,一個(gè)幀就是一個(gè)HTML顯示區(qū)。這樣,這些當(dāng)前瀏覽器窗口就叫做這些子窗口的“父(parent)窗口”。在多幀結(jié)構(gòu)設(shè)置時(shí),每個(gè)幀有自己的名稱,如:
$#@60;frameset rows=″80,*″ cols=″*″ frameborder=″NO″ border=″0″ framespacing=″0″$#@62;
$#@60;frame name=″top″ scrolling=″NO″ src=″…″$#@62;
$#@60;frameset cols=″80,*″ frameborder=″NO″ border=″0″ framespacing=″0″$#@62;
$#@60;frame name=″left″ noresize scrolling=″NO″ src=″….″$#@62;
$#@60;frame name=″main″ src=″….″$#@62;
$#@60;/frameset$#@62;
$#@60;/frameset$#@62;
在這個(gè)多幀結(jié)構(gòu)中,幀名top、left、main代表著三個(gè)小窗口,parent即為當(dāng)前多幀結(jié)構(gòu)的父窗口。
而標(biāo)記iframe所表示浮動(dòng)幀的效果就如我們所說(shuō)的畫中畫電視,它實(shí)際就是在當(dāng)前窗口中內(nèi)嵌一個(gè)HTML頁(yè)面,而不像多幀結(jié)構(gòu)一樣,幀間內(nèi)容相互分隔。這個(gè)內(nèi)嵌頁(yè)面所在的瀏覽器窗口就是它的parent,如HTML文件example.htm中有如下代碼:
$#@60;p$#@62;以下是一個(gè)內(nèi)嵌幀示例$#@60;/p$#@62;。
$#@60;iframe src=″index.htm″ name=″child$#@62; $#@60;/iframe$#@62;
這樣,名為child的HTML頁(yè)面內(nèi)嵌在主頁(yè)example.htm中,它的parent就是當(dāng)前瀏覽器窗口。
由此,不難明白了,target屬性的_parent取值即表示鏈接文件在其父窗口中打開(kāi)。
4._top
此屬性值意義與_parent類同。
5.特定窗體名,如target=″main″
了解了上述的多幀結(jié)構(gòu)以后,我們知道,每個(gè)幀可以有自己的幀名即name屬性,所以,我們可以指定鏈接的文件? 定名稱的幀里打開(kāi)。如target=″main″表示標(biāo)記$#@60;a$#@62;所指向的文件在幀main里打開(kāi)。
如果喜歡閱讀人民日?qǐng)?bào)網(wǎng)絡(luò)版的朋友細(xì)心的話,可以發(fā)現(xiàn),target的取值是各不相同的名稱,如數(shù)字等,并且又不是在多幀結(jié)構(gòu)里,為什么要設(shè)置target呢?有興趣的話,請(qǐng)你不妨試幾個(gè)例子效果有什么不同:
$#@60;a href=″1.htm″ target=″win″$#@62;….$#@60;/a$#@62;
$#@60;a href=″2.htm″ target=″win″$#@62;….$#@60;/a$#@62;
另外試一下
$#@60;a href=″1.htm″ target=″win1″$#@62;….$#@60;/a$#@62;
$#@60;a href=″2.htm″ target=″win2″$#@62;….$#@60;/a$#@62;
怎么樣?前一個(gè)例子中,兩個(gè)鏈接都是在同一個(gè)新開(kāi)的窗口中打開(kāi),而后一例子則打開(kāi)兩個(gè)新窗口。說(shuō)明了什么?特定的窗口名代表著新打開(kāi)的瀏覽器窗口,所以,如果幾個(gè)鏈接的target屬性值都為特定的窗口名,那么就表示這些鏈接都在這個(gè)窗口中打開(kāi),不另開(kāi)窗口。這樣,就可很好地解決令人厭煩的點(diǎn)擊鏈接,不停地新彈窗口占用系統(tǒng)資源的情況。
就筆者自己的經(jīng)驗(yàn)來(lái)說(shuō),設(shè)定target值還另有妙用,請(qǐng)大家試一下:
$#@60;a href=″1.htm″ target=″1234″$#@62;….$#@60;/a$#@62;
與
$#@60;a href=″1.htm″ target=″_blank″$#@62;….$#@60;/a$#@62;
并且1.htm中有一鏈接是關(guān)閉窗口的:
$#@60;a href=″javascript:window.close()″$#@62;關(guān)閉本窗口$#@60;/a$#@62; //注:window.close()是調(diào)用window對(duì)象的close方法關(guān)閉本窗口。
結(jié)果是在你點(diǎn)擊“關(guān)閉本窗口”時(shí),在第二個(gè)例子中是不是出現(xiàn)“你查看的頁(yè)正在試圖關(guān)閉窗口,是否關(guān)閉本窗口?”的提示?而第一個(gè)例子則不會(huì)。
●給鏈接加上注釋
這在平時(shí)使用中很常見(jiàn),比如當(dāng)前鏈接字比較多時(shí),只截取其中的一部分,而當(dāng)你的鼠標(biāo)移動(dòng)到鏈接字上時(shí),就會(huì)出現(xiàn)一個(gè)小黃條提示,將所有的鏈接字顯示出來(lái)。實(shí)際上利用鏈接的title屬性即可實(shí)現(xiàn)。定義格式為:
$#@60;a href=″…″ title=″……″$#@62;..$#@60;/a$#@62;
如:$#@60;a href=http://homepage.yeksy.com/ title=″網(wǎng)頁(yè)陶吧,國(guó)內(nèi)最cool的主頁(yè)教學(xué)站點(diǎn)″$#@62;網(wǎng)頁(yè)陶吧$#@60;/a$#@62;。
三、鏈接的另幾種特殊情況
●鏈接地址形式為URL?para1=expr1&para2=expr2…
這種情況多用在運(yùn)行服務(wù)器端CGI或腳本程序(即URL所指的程序)時(shí),需要將一些參數(shù)取值傳給程序,程序再將這些參數(shù)如para1、para2等的值分解出來(lái),這樣可從客戶端獲得信息,實(shí)現(xiàn)動(dòng)態(tài)交互功能,并能根據(jù)這些取值生成相應(yīng)的頁(yè)面,而不是我們所看到的呆板的靜態(tài)頁(yè)面。
●關(guān)于點(diǎn)擊鏈接下載
朋友對(duì)點(diǎn)擊鏈接下載文件等肯定不會(huì)陌生,實(shí)際上,對(duì)于鏈接的文件,如ZIP以及用戶端無(wú)法識(shí)別的文件,都會(huì)提示用戶下載。所以,與一般的鏈接沒(méi)有區(qū)別,另外,有一點(diǎn)要申明的是,鏈接文件不一定都要是HTML文件。
如:$#@60;a href=″http://netschool.cpcw.com/homepage/cgi/cgi.zip″$#@62;點(diǎn)擊此下載$#@60;/a$#@62;
一些朋友常問(wèn)點(diǎn)擊鏈接聽(tīng)MP3音樂(lè)或看flash動(dòng)畫是怎么回事,實(shí)際也是將鏈接直接鏈接到這些文件,當(dāng)只有你自己的機(jī)器上安裝了相應(yīng)的軟件或控件時(shí)才不會(huì)提示下載而直接打開(kāi)這些文件。
●鏈接為腳本語(yǔ)言語(yǔ)句
這種應(yīng)用相信到過(guò)Yesky舊版網(wǎng)頁(yè)陶吧的朋友很熟悉的,首頁(yè)上的鏈接都為:
javascript:openHTML(….) 形式。
鏈接可以是腳本程序,其定義格式為:
腳本語(yǔ)言類型:程序語(yǔ)句;程序語(yǔ)句…
其中腳本語(yǔ)言類型不外乎兩種:javascript與vbscript
其中程序語(yǔ)句包括單語(yǔ)句或函數(shù)引用。
如網(wǎng)頁(yè)陶吧的例子:
下面定義一個(gè)函數(shù),用來(lái)將鏈接的HTML文件在新瀏覽器窗口打開(kāi):
$#@60;script language=″javascript″$#@62;
function openHTML(url)
{
var hWnd=window.open(url,″″,″toolbar=yes,scrollbars=yes,menubar=yes,width=690,height=480,left=20,top=5,status=yes″)
}
$#@60;/script$#@62;
而在鏈接要引用這個(gè)函數(shù)時(shí),可以寫成
$#@60;a href=″javascript:openHTML(′http://www.yesky.com′)″$#@62;到天極網(wǎng)$#@60;/a$#@62;
這樣,點(diǎn)擊時(shí)就會(huì)執(zhí)行相應(yīng)的腳本程序。
●鏈接為郵件
鏈接也可以是一個(gè)郵件,當(dāng)點(diǎn)擊鏈接時(shí),自動(dòng)打開(kāi)你在瀏覽器中設(shè)置的收發(fā)郵件軟件,其鏈接形式為:
$#@60;a href=″mailto:郵箱?subject=郵件主題″$#@62;..$#@60;/a$#@62;
mailto:收信人郵箱;subject:郵件主題,可略。
如$#@60;a href=″mailto:hero@cpcw.com?subject=談一下主頁(yè)制作″$#@62;與主持人聯(lián)系$#@60;/a$#@62;
對(duì)于鏈接相關(guān)的知識(shí)我們就講到此,另外,在DHTML對(duì)象模型中,鏈接對(duì)象及對(duì)象集也是腳本語(yǔ)言編程中經(jīng)常觸及的,大家可到天極網(wǎng)頁(yè)陶吧(homepage.yesky.com)學(xué)習(xí)相關(guān)知識(shí)。