進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí),許多網(wǎng)頁都需要相同的邊框圖案和導(dǎo)航條,F(xiàn)rontPage給我們提供了共享邊框方便設(shè)計(jì),但是,這樣也不太方便,畢竟每個(gè)網(wǎng)頁都添加了相同的內(nèi)容,無形中網(wǎng)頁增大了,當(dāng)然,對(duì)于動(dòng)態(tài)網(wǎng)頁,這不是問題,但是,如果是靜態(tài)的呢?
怎樣可以克服這個(gè)缺點(diǎn),通過框架可以實(shí)現(xiàn)這些的,只是,框架又引來了另一個(gè)麻煩,就是如果直接打開框架內(nèi)部網(wǎng)頁,脫去了華麗的外套,是不是顯得很單調(diào),這里我們找一種好的方法,讓脫去外套的網(wǎng)頁自動(dòng)穿上外套,你想到了嗎?如果你對(duì)這個(gè)議題不感興趣,你可以走開了,下面我們?cè)敿?xì)討論。
在框架網(wǎng)頁中,通常使用src參數(shù)指定框架內(nèi)的網(wǎng)頁地址,我們要做的就是,當(dāng)直接打開這個(gè)地址時(shí),讓它自動(dòng)監(jiān)測(cè)然后再穿上外套,當(dāng)然,首先要在網(wǎng)頁內(nèi)添加檢測(cè)代碼,如下:
<script> if(top.location==self.location) { top.location="index.htm?"+self.location; } </script>
就這么簡(jiǎn)單,注意,index.htm是外套網(wǎng)頁地址,接下來要做的就是,怎樣讓外套網(wǎng)頁自動(dò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>
|