2014-02-19 153 views
0

請告訴我如何將html頁面(例如a.html)包含到其他html頁面(例如b.html)中。如何在Dreamweaver中將一個html文件包含到其他html文件中

我已經試過

<script type="text/javascript"> 

$(function(){ 
$("#header").load("header.html"); 
}); 
</script> 

但這不起作用。請告訴我另一個。

+0

你下一個Web服務器上運行(HTTP://)或文件夾(文件://) –

+0

我下一個Web服務器上運行,但我也試圖與文件夾(文件://)也。 –

回答

0
You can use the <frameset>. 

<frameset cols="*,*"> 
    <frame src="frame_a.htm"> 
    <frame src="frame_b.htm"> 
</frameset> 

如果您使用HTML5嘗試

<iframe> 

的例子爲iframe是,

<html> 
<head> 
<title>Frames Test</title> 
<style> 
.menu { 
    float:left; 
    width:20%; 
    height:80%; 
} 
.mainContent { 
    float:left; 
    width:75%; 
    height:80%; 
} 
</style> 
</head> 
<body> 
<iframe class="menu" src="a.html"></iframe> 
<iframe class="mainContent" src="b.html"></iframe> 
</body> 
</html> 

你可以找到更多關於在以下鏈接的iframe,

http://www.w3schools.com/tags/tag_iframe.asp

+0

frameset在html5上受支持。 –

+0

我的意思是說frameset在html5中不被支持。 –

+0

嗨我已經嘗試過iframe,但是這在瀏覽器中無法正常工作。 –

0

您需要確保您在要導入的頁面上包含jQuery作爲庫。此外,標題必須具有標題的標識。

<html> 
    <head> 
    <script src="jquery.js"></script> 
    <script> 
    $(function(){ 
     $("#header").load("b.html"); 
    }); 
    </script> 
    </head> 
    <body> 
    <div id="header"> 
    </div> 
    </body> 
</html> 
+0

雅,我在頁面上包含了這個jquery-1.11.0.js庫,但這不適用於Google Chrome瀏覽器。 –

+0

JavaScript控制檯中是否有任何輸出?還有什麼機會可以用更多的信息來更新問題,比如HTML文件的其餘部分?最後是本地文件系統上的第二個文件,因爲JQuery具有相同的原始策略這對我來說完全適用於IE11。 – John

相關問題