国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

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

2024-04-27 13:56:29
字體:
來源:轉載
供稿:網友

  進行網頁設計時,許多網頁都需要相同的邊框圖案和導航條,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="100%" height="100%" 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上看到.

  你可以點這里看一下效果,如有不懂的地方,也可以聯系我。有什么好的看法,歡迎與我討論.


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 许昌县| 同江市| 根河市| 墨玉县| 鄂托克旗| 海丰县| 都匀市| 泰和县| 东丽区| 洛隆县| 海盐县| 北京市| 神农架林区| 潮州市| 南江县| 通江县| 永嘉县| 百色市| 长乐市| 呼玛县| 华亭县| 郑州市| 永登县| 昭平县| 余庆县| 丹阳市| 垫江县| 玉田县| 拜泉县| 上饶市| 利川市| 泗水县| 南康市| 夹江县| 汉阴县| 新津县| 甘孜县| 铜川市| 鄂尔多斯市| 噶尔县| 巴青县|