如何將一個HTML頁面嵌套在另一個頁面中


一 在原頁面嵌入其他頁面

 

1、使用iframe框架

客戶端頁面嵌套可以使用iframe的方法,弊端是必須事先想好被嵌套的頁面在首頁中要占多大的位置。

如果被嵌套頁面太大,超過事先定義的寬度或高度,則首頁會出現滾動條。這也許正是你所需要的,

但也許會完全破壞主頁的設計。

 

 

   < iframe >------ < / iframe >

<iframe  src="要放在框架里面的網址或文件" height="" width="">  </ifrmae>
                             

     例: <iframe src="text.asp" height="200" width="600">   

                       <a href="text.asp">

                          你的瀏覽器不支持iframe頁面嵌套,請點擊這里訪問頁面內容。

                       </a>

              </ifrmae >

              

             可加屬性    scrolling="No"     意為滾動條不隨內容改變而出現      -- 多余的內容會被自動隱藏!

                             frameborder="0"   嵌套頁面邊框

                             leftmargin="0"      左邊距

                             topmargin="0"      上邊距

                             onscroll="true"      當元素滾動條被滾動時執行腳本 ,在HTML 5 中定義了該元素

 

  插入<a>,是因為老版本的瀏覽器和搜索引擎不支持iframe,雖然現在已經

很少有人還會使用Netscape 4這樣老的瀏覽器了,但是幾乎所有人都會使用象Google這樣的搜索引擎。

在iframe里面加上超級鏈接可以幫助搜索引擎找到網頁的內容。

 

2、SSI (Server Side Include)

SSI是一種簡單的動態網頁制作技術,但是有些服務器要求網頁文件擴展名為.shtml才能識別文件中SSI命令。所以如果你的SSI命令看起來不工作,先別放棄,試着把文件擴展名改為.shtml,也許會成功。如果知道自己的服務器是否支持SSI,請看另一篇文章。

使用SSI一個局限性是頁面一定要放在網頁服務器上才能看到效果,在本地是不好調試的。當然,如果非要在本地調試,就本地裝一個Apache服務器好了。

比如你想在每個網頁的底部加上同樣的版權信息,像

© 2009 程序員實驗室 版權所有

可以把這行信息放到一個叫做footer.html的文件里,footer.html的內容為:

<center> &copy; 程序員實驗室 版權所有</center>;

這樣同一路徑下的其他頁面文件要包含footer.html的SSI命令是:

         <!- #include virtual="footer.html" ->(常用)

或者

   <!- #include file="footer.html" ->

這兩者的幾乎是一樣的,不同之處在於include virtual后面取的是一個URL形式的路徑,甚至還可以執行一個CGI程序並包含其輸出結果,如果你的服務器支持CGI的話。而include file后面取的是一個文件系統路徑,並且不能執行CGI程序。兩者都可以接受相對路徑,所以對上面這個簡單例子,兩者的效果是一樣的。如果你不知道URL路徑與文件系統路徑兩者的區別的話,就用include virtual

 

3、ASP和ASP.Net

如果你使用的是老式的ASP,則語法是與上面SSI一樣的,不需要任何修改,只要把命令所在文件的擴展名改為.asp即可。

對於ASP.NET,也是類似,不同之處在於,因為SSI命令是在ASP命令運行之前被首先編譯,所以文件名中不能夠使用ASP.NET的變量。如果一定要用的話,就用ASP.NET的命令來做文件嵌套吧。

比如:

<%

          Response.WriteFile ("footer.html")

%>

更多關於怎樣在ASP.NET中實現動態文件嵌套,請參考微軟的這篇文章

 

 

4、PHP

如果你的服務器支持PHP的話,用PHP引用footer.html文件的寫法如下:

<?php include("footer.html"); ?>

這句命令所在的文件擴展名必須被為.php。

除了引用本服務器上的文件,PHP的include命令還可以用來引用其它網站上的html文件,比如:

<?php include(http://www.prglab.com/examples/footer.html); ?>

當然你要得到其它網站的允許才能引用別人的文件。

 

 

5、JSP (Java Server Page)

JSP文件需要在基於Java的服務器上運行,比如Apache Tomcat。JSP包含文件的語法是:

<%@ include file="footer.html" %>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM