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导入不起作用

回答

相关问题