我可以從外部文件只導入一段html嗎？

我需要創建一個html文件，其中只包含另一個html文件的表單標籤內的內容，沒有別的。有沒有辦法做到這一點？我可以從外部文件只導入一段html嗎？

2016-09-20 replilian

不只是HTML，沒有。 html不是一種編程語言。它沒有「導入」功能。您需要服務器端工具（例如php，SSI）或客戶端JavaScript。 –

我認爲你可以用iframe來做，但這是一個不好的做法。 – ShadowFoOrm

你需要一個服務器端編程 –

您可以在使用javascript加載主頁面後動態加載html片段。事情是這樣的：

main.html中

<html> 
    <head> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script> 
     <script src="script.js"></script> 
    </head> 
    <body>  
     <h1>Form</h1> 
     <div id="container"></div> 
    </body> 
</html>

form.html

<form> 
    <input value="testing" /> 
</form>

的script.js

var formUrl = 'form.html'; 

$(window).on('load', function(){ 
    $.get(formUrl, function(res){ 
    $('#container').append($(res)); 
    }) 
})

Here is a working plunk

來源

2016-09-20 16:34:37

這絕對是功能性的，但我一直在尋找的東西，將一塊HTML，就像一個表單標籤的內容，到另一個文件。我在詢問如何在您的示例中反轉內容的發展方向。我怎麼能從index.html中的容器中將一段內容帶入form.html的內容？ – replilian

什麼是上下文？如果用戶不是在瀏覽器上打開頁面（即沒有可用的JavaScript），則必須執行其他人的建議，並在響應請求之前使用服務器端語言對文件進行預處理。 HTML文件與文本文件一樣是靜態的，除非它們是（a）在瀏覽器中呈現或（b）在作爲響應發回之前由服務器進程修改。 –

你是說你想刮另一個HTML頁面，提取一個特定的部分，並顯示在你自己的網頁上？如果是這樣，基本要素與我的示例相同，但您必須在將響應文本附加到您的頁面之前進行解析。 –

使用webcomponents，它可能從import HTML從其他文件。但這並不普遍，也不支持所有major browsers，也許不是你要找的。

您應該首先使用PHP，Ruby，Python或類似的編程語言。

來源

2016-09-20 16:15:04

我可以從外部文件只導入一段html嗎？

回答

相關問題