使用JavaScript改進(jìn)你的框架

兩種網(wǎng)頁設(shè)計(jì)者：喜歡用框架（Frame）的和不喜歡的。不喜歡使用框架的人們總是抱怨說，框架使得頁面變得復(fù)雜，增加了下載負(fù)擔(dān)，而且會(huì)減少你的頁面被搜索引擎找到的機(jī)會(huì)。而喜歡框架的設(shè)計(jì)者則說框架使瀏覽變得簡(jiǎn)單，并賦予設(shè)計(jì)人員在安排頁面上更多的控制。

　　不管你是贊成使用框架還是反對(duì)，事實(shí)上，帶框架的頁面一直存在。本文中，我們將向你介紹兩個(gè)改進(jìn)框架頁面的JavaScript程序，這也許會(huì)使那些憎恨框架的人們重新審視框架的價(jià)值。

　　在我們開始介紹這兩個(gè)技巧前，讓我們先看看框架是如何工作的。當(dāng)你創(chuàng)建了一個(gè)框架頁面，你就建立了一個(gè)特殊的HTML頁，其中包含兩個(gè)或更多的框架或者說是在一個(gè)頁面中的不同窗口。框架頁定義了各框架的大小和在其中顯示的HTML文件名。

　　Web設(shè)計(jì)者經(jīng)常遇到的問題之一是訪問者或搜索引擎建立起的鏈接往往是框架中的HTML頁面，而非框架頁本身。這就使得人們很輕易的到達(dá)你的一個(gè)頁面，卻沒有任何的標(biāo)志或?yàn)g覽幫助——沒有任何可以標(biāo)示這個(gè)網(wǎng)站的東西。

　　要解決這個(gè)鏈接問題，在FrontPage中打開你的每個(gè)頁面，并切換到HTML頁。然后在</head>標(biāo)記前插入下列代碼：

<script language="JavaScript">

<!--Hide from older browsers

if (window == top)

top.location.href = "frames.htm";

// -->

</script>


　　在你的代碼中用你的框架頁名代替“frames.htm。”現(xiàn)在無論什么時(shí)候，想直接下載這個(gè)頁面的訪問者都將得到框架頁。

　　我們的第二個(gè)技巧恰恰采取相反的策略，它保證你的頁面不會(huì)出現(xiàn)在別人的框架頁中。有些站點(diǎn)將外部的鏈接頁面顯示在一個(gè)框架頁中，而不是打開一個(gè)新的窗口。

　　為了防止你的頁面出現(xiàn)在其他人的框架中，在HTML中的</head>標(biāo)記前加入下列JavaScript代碼：

<script language="javascript">

<!--Hide from older browsers

if (top.location != location)

top.location.href = location.href;

// -->

</script>


　　當(dāng)該頁面被下載，這個(gè)腳本會(huì)自動(dòng)破壞框架，將自己顯示在窗口中。

　　注意，上述腳本不會(huì)使你的框架同其他人的有什么不同。因此，你不應(yīng)該將它插入到所有你已經(jīng)建立的并要在框架中顯示的頁面中。如果你使用框架，你應(yīng)將此代碼段加到框架頁本身。完成方法仍是切換到HTML頁，將代碼插入到</head>標(biāo)記前。