1. gzyueqian
      18529173453
      首頁 > 新聞中心 > > 正文

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

      更新時間: 2007-05-11 09:36:45來源: 粵嵌教育瀏覽量:807


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

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

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

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

      以下是引用片段:
      <script>
      if(top.location==self.location)
      {
      top.location="index.htm?"+self.location;
      }
      </script>


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

      以下是引用片段:
      <script>
      document.write('<iframe id="mid" name="mid" width="" height="" frameborder="0" scrolling="auto"')
      var n=self.location.href.indexOf("?")//查看是否包含參數
      if(n>0)//存在參數
      {
      //指向參數
      document.write(" src="+self.location.href.substr(n+1))
      }
      document.write('></iframe>')
      </script>


        這里使用iframe框架,具體應用可在網站ggg82.126.com上看到.

      免費預約試聽課

      亚洲另类欧美综合久久图片区_亚洲中文字幕日产无码2020_欧美日本一区二区三区桃色视频_亚洲AⅤ天堂一区二区三区

      
      

      1. 日韩AV一区二区三区 | 亚洲成年网站青青草原 | 中文字幕亚洲综合久久综合 | 亚洲综合鲁鲁久久五月天 | 日韩精品一区二区不卡的视频 | 在线激情小视频第一页 |