Javascript :讓網(wǎng)頁自動穿上外套

海的維修工 2007-04-10

展開全文

Javascript :讓網(wǎng)頁自動穿上外套

http://luojie.360doc.com luojie25@163.com

　　進行網(wǎng)頁設(shè)計時，許多網(wǎng)頁都需要相同的邊框圖案和導(dǎo)航條，F(xiàn)rontPage給我們提供了共享邊框方便設(shè)計，但是，這樣也不太方便，畢竟每個網(wǎng)頁都添加了相同的內(nèi)容，無形中網(wǎng)頁增大了，當(dāng)然，對于動態(tài)網(wǎng)頁，這不是問題，但是，如果是靜態(tài)的呢？

　　怎樣可以克服這個缺點，通過框架可以實現(xiàn)這些的，只是，框架又引來了另一個麻煩，就是如果直接打開框架內(nèi)部網(wǎng)頁，脫去了華麗的外套，是不是顯得很單調(diào)，這里我們找一種好的方法，讓脫去外套的網(wǎng)頁自動穿上外套，你想到了嗎？如果你對這個議題不感興趣，你可以走開了，下面我們詳細討論。

　　在框架網(wǎng)頁中，通常使用src參數(shù)指定框架內(nèi)的網(wǎng)頁地址，我們要做的就是，當(dāng)直接打開這個地址時，讓它自動監(jiān)測然后再穿上外套，當(dāng)然，首先要在網(wǎng)頁內(nèi)添加檢測代碼，如下：

　　<script>

　　if(top.location==self.location)

　　{

　　top.location="index.htm?"+self.location;

　　}

　　</script>

　　就這么簡單，注意，index.htm是外套網(wǎng)頁地址，接下來要做的就是，怎樣讓外套網(wǎng)頁自動添加這部分內(nèi)容，我們要在外套網(wǎng)頁中解析網(wǎng)頁地址，找到參數(shù)，然后將框架src參數(shù)指向該參數(shù)就行了，代碼如下：

　　<script>

　　document.write(‘<iframe id="mid" name="mid" width="100%"
height="100%" frameborder="0" scrolling="auto"‘)

　　var n=self.location.href.indexOf("?")//查看是否包含參數(shù)

　　if(n>0)//存在參數(shù)

　　{

　　//指向參數(shù)

　　document.write(" src="+self.location.href.substr(n+1))

　　}

　　document.write(‘></iframe>‘)

　　</script>

　　這里使用iframe框架，具體應(yīng)用可在我的網(wǎng)站ggg82.126.com上看到。