• 當(dāng)前位置：創(chuàng)新互聯(lián) >> 常見問題 >> 前端開發(fā) >> JavaScript教程 >> JavaScript技巧:讓網(wǎng)頁自動穿上外套

JavaScript技巧:讓網(wǎng)頁自動穿上外套

• 作者：創(chuàng)新互聯(lián) 文章來源：前端開發(fā)部 點擊數(shù)： 更新時間：2008-10-16
• 　　進行網(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上看到.
• JavaScript學(xué)習(xí):刪除數(shù)組元素 :上一篇
  使用Javascript制作聲音按鈕 :下一篇