1. 程式人生 > >html頁面開啟另一個html頁面

html頁面開啟另一個html頁面

1、傳統ifream方式

<span style="white-space:pre">	</span><iframe src="" width="100%" height="770px" frameborder="0" >
			
	</iframe>

  1. 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" %>