JavaScript技巧:讓網頁自動穿上外套

進行網頁設計時，許多網頁都需要相同的邊框圖案和導航條，FrontPage給我們提供了共享邊框方便設計，但是，這樣也不太方便，畢竟每個網頁都添加了相同的內容，無形中網頁增大了，當然，對於動態網頁，這不是問題，但是，如果是靜態的呢？

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

  在框架網頁中，通常使用src參數指定框架內的網頁地址，我們要做的就是，當直接打開這個地址時，讓它自動監測然後再穿上外套，當然，首先要在網頁內添加檢測程式碼，如下：

 <script><br/>if(top.location==self.location)<br/>{<br/>  top.location="index.htm?"+self.location;<br/>}<br/></script>
 

  就這麼簡單，注意，index.htm是外套網頁地址，接下來要做的就是，怎麼讓外套網頁自動添加這部分內容，我們要在外套網頁中解析網頁地址，找到參數，然後將框架src參數指向該參數就行了，程式碼如下：

 <script><p>document.write(<iframe id="mid" name="mid" width="100%" height="100%" frameborder="0" scrolling ="auto")<br/>var n=self.location.href.indexOf("?")//查看是否包含參數<br/>if(n>0)//存在參數<br/>{<br/>//指向參數<br/>document.write( " src="+self.location.href.substr(n+1))<br/>}<br/>document.write(>)<br/></script>