html頁面開啟另一個html頁面
1、傳統ifream方式
<span style="white-space:pre"> </span><iframe src="" width="100%" height="770px" frameborder="0" >
</iframe>
-
Iframe標記的使用格式是:<Iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x"></iframe>
src:檔案的路徑,既可是HTML檔案,也可以是文字、ASP等;
width、height:"畫中畫"區域的寬與高;scrolling:當SRC的指定的HTML檔案在指定的區域不顯不完時,滾動選項,如果設定為NO,則不出現滾動條;如為Auto:則自動出現滾動條;如為Yes,則顯示;
FrameBorder:區域邊框的寬度,為了讓“畫中畫“與鄰近的內容相融合,常設定為0。
2、load方式
$(function(){
<span style="white-space:pre"> </span>$("#id").load();
})
3、其他方式
下面對各種方法單獨具體介紹。
1、SSI (Server Side Include)
SSI是一種簡單的動態網頁製作技術,但是有些伺服器要求網頁副檔名為.shtml才能識別檔案中SSI命令。所以如果你的SSI命令看起來不工作,先別放棄,試著把副檔名改為.shtml,也許會成功。如果知道自己的伺服器是否支援SSI,請看另一篇文章。
使用SSI一個侷限性是頁面一定要放在網頁伺服器上才能看到效果,在本地是不好除錯的。當然,如果非要在本地除錯,就本地裝一個Apache伺服器好了。
比如你想在每個網頁的底部加上同樣的版權資訊,像
可以把這行資訊放到一個叫做footer.html的檔案裡,footer.html的內容為:
這樣同一路徑下的其他頁面檔案要包含footer.html的SSI命令是:
<!- #include virtual="footer.html" ->(常用)
或者
<!- #include file="footer.html" ->
這兩者的幾乎是一樣的,不同之處在於include virtual後面取的是一個URL形式的路徑,甚至還可以執行一個CGI程式幷包含其輸出結果,如果你的伺服器支援CGI的話。而include file後面取的是一個檔案系統路徑,並且不能執行CGI程式。兩者都可以接受相對路徑,所以對上面這個簡單例子,兩者的效果是一樣的。如果你不知道URL路徑與檔案系統路徑兩者的區別的話,就用include virtual
2、PHP
如果你的伺服器支援PHP的話,用PHP引用footer.html檔案的寫法如下:
<?php include("footer.html"); ?>
這句命令所在的副檔名必須被為.php。
除了引用本伺服器上的檔案,PHP的include命令還可以用來引用其它網站上的html檔案,比如:
當然你要得到其它網站的允許才能引用別人的檔案。
3、ASP和ASP.NET
如果你使用的是老式的ASP,則語法是與上面SSI一樣的,不需要任何修改,只要把命令所在檔案的副檔名改為.asp即可。
對於ASP.NET,也是類似,不同之處在於,因為SSI命令是在ASP命令執行之前被首先編譯,所以檔名中不能夠使用ASP.NET的變數。如果一定要用的話,就用ASP.NET的命令來做檔案巢狀吧。
比如:
<% Response.WriteFile ("footer.html") %>
更多關於怎樣在ASP.NET中實現動態檔案巢狀,請參考微軟的這篇文章。
4、JSP (Java Server Page)
JSP檔案需要在基於Java的伺服器上執行,比如Apache Tomcat。JSP包含檔案的語法是:
<%@ include file="footer.html" %>