HTML導入不起作用

我一直在爲我的公司編寫一個新的Intranet，希望能夠將大量文件導入到同一頁面，以便信息仍然可以輕鬆編輯。但是，當我試圖直接打開文件而不是通過Visual Studios打開文件時，文件不會導入。HTML導入不起作用

我的寫作方式有問題嗎？還是因爲其他原因而無法使用？

<link rel="import" href="/Example.html"> 
<script> 
    var link = document.querySelector('link[rel="import"][href="/Example.html"]'); 
    var content = link.import; 
    var el = content.querySelector('#Example'); 
    document.body.appendChild(el.cloneNode(true)); 
</script>

編輯：任何人誰也面臨同樣的問題與HTML進口，經過進一步的研究，我會建議使用MVC框架，因爲這有導入更加簡單和有效的方法。

來源

2017-09-25 Riley

http://caniuse.com/#search=import ...？ – CBroe

對於初學者來說，你應該知道HTML進口該瀏覽器支持仍然是相當有限。谷歌瀏覽器從版本31開始支持，但您仍然需要手動啓用該功能。要在Chrome中啓用HTML導入，請轉至chrome：// flags並啓用啓用HTML導入標誌。完成後，點擊屏幕底部的立即重新啓動按鈕，重新啓動Chrome，並支持HTML導入。

既然您的瀏覽器已全部建立，那麼讓我們來看看您如何在網頁中使用導入。

HTML導入使用該元素來引用您想要導入的文件;這與您包含樣式表的方式類似。確保將rel屬性設置爲導入，以向瀏覽器指示引用的文件應導入到文檔中。

更多Information..Go這個link

來源

2017-09-25 09:44:52

謝謝你提出這種方法，但「啓用HTML導入」不存在。我不確定，但認爲這可能意味着HTML Imports現在是chrome原生的。 – Riley

大多數瀏覽器還不支持自版本HTML進口，只有鉻因爲36版和Opera 23

來源：http://caniuse.com/#feat=imports

來源

2017-09-25 09:29:47 Amorandron

謝謝你告訴我，我現在已經更新了鉻並且它是最新的。但不幸的是，我仍然有沒有加載相同的問題。 – Riley

是的，你是對的，你需要在Chrome設置中啓用HTML導入。 – Amorandron

我已經在chrome：//標誌和chrome設置中查找過，並且一直無法找到我需要啓用的內容，您是否有可以用作指導的圖像？ – Riley

你可以簡單地使用jQuery包含另一個HTML頁面來你的。 <link>標記用於將外部CSS樣式錶鏈接到HTML文檔。

假設你的HTML頁面命名爲example.html，然後添加以下代碼：

<html> 
    <head> 
    <script src="/path/to/your/jquery.js"></script> 
    <script> 
    $(function(){ 
     $("#includemyHTML").load("Example.html"); 
    }); 
    </script> 
    </head> 

    <body> 
    <div id="includemyHTML"></div> 
    </body> 
</html>

來源

2017-09-25 09:38:16

您正在加載錯誤的文件。「假設你的HTML頁面被命名爲demo.html」，「.load（」Example.html「）;」 :) – Adriani6

HTML導入不起作用

回答

相關問題