將HTML包含到同一網站上的另一個頁面中？

我有一個專門用途的HTML網頁。不過，我也有一個HTML網頁，其中包含我的網站/應用中其他位置使用的一組通用操作。將HTML包含到同一網站上的另一個頁面中？

特定頁

<html> 
    <head><title>Specific Page</title></head> 
    <body> 
    <h1>My Specific Action</h1> 

    <div id="NameAction"> 
     <!-- Action HTML goes here... --> 
    </div> 
    </body> 
</html>

通用行動

<html> 
    <body> 
    Please tell me your name... 
    <input id="NameText" type="text" size="50" /> 
    <input id="NameSubmit" type="submit" /> 
    </body> 
</html>

的問題是，我想通用操作HTML注入的具體頁面的NameAction股利。我會採取什麼方式去做這件事？

來源

2012-09-24 Andrew Gray

iFrame中或包括將是最典型的。 – j08691

iFrames不是我工作的項目想要去的方式;你如何完成這些包括？ –

@AndrewGray將SSI（服務器端包含）工作，例如'<？php include（「myfile.html」）; ？>'？ – starbeamrainbowlabs

使用iframe

<html> 
    <head><title>Specific Page</title></head> 
    <body> 
    <h1>My Specific Action</h1> 

    <div id="NameAction"> 
     <iframe src="Path-to-generic-html" /> 
    </div> 
    </body> 
</html>

來源

2012-09-24 16:37:28 Osiris

I幀應該是最後的手段。當您談論託管在同一個域中的內容時，它們是非常不理想的解決方案。 – threejeez

你可以使用iframe，這是嵌入一個HTML文檔轉換成另一種方式，但是這使得人們難以對兩個HTML片段在前端交互（使用Javascript等）。根據您所使用的模板引擎（JSP，PHP，ASP），你應該能夠包含HTML片段插入到頁面如下（服務器端包括）：

通用動作片段

Please tell me your name... 
<input id="NameText" type="text" size="50" /> 
<input id="NameSubmit" type="submit" />

特定頁

<html> 
    <head><title>Specific Page</title></head> 
    <body> 
    <h1>My Specific Action</h1> 

    <div id="NameAction"> 
     <% include generic action fragment here using engine specific code %> 
    </div> 
    </body> 
</html>

來源

2012-09-24 16:38:18 threejeez

什麼是更好的利用JavaScript的方式？有沒有提供這種功能的某種jQuery系統？ –

這取決於你想要完成什麼。如果您只是試圖將這兩個輸入標籤放在不同的地方，最好的辦法是在頁面呈現之前在後端進行。你可以通過jQuery（做一個返回html片段的ajax調用，然後更新dom），但它看起來過於複雜，你試圖做什麼。 – threejeez

將HTML包含到同一網站上的另一個頁面中？

回答

相關問題