html导入不起作用
html导入不起作用
提问于 2017-09-25 17:26:13
我一直在为我的公司编写一个新的内部网，希望能够将许多文件导入到同一个页面上，这样信息仍然可以很容易地编辑。但是，当我尝试直接打开文件而不是通过Visual Studios打开文件时，文件没有导入。
我写这篇文章的方式是不是有什么问题，或者是因为其他原因不能工作？
<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框架，因为这具有更简单有效的导入方法。
回答 3
Stack Overflow用户
回答已采纳
发布于 2017-09-25 17:44:52
对于初学者来说，您应该知道浏览器对HTML导入的支持仍然非常有限。Google Chrome从版本31开始支持，但你仍然需要手动启用该功能。要在Chrome中启用HTML导入，请转到chrome://标志并启用启用HTML导入标志。完成后，单击屏幕底部的“立即重新启动”按钮，重新启动支持HTML导入的Chrome。
现在你的浏览器已经设置好了，让我们来看看你是如何在你的网页中使用导入的。
HTML导入使用元素来引用您希望导入的文件；其工作方式与包含样式表的方式类似。确保将rel属性设置为import，以向浏览器指示应将引用的文件导入到文档中。
有关此link的更多Information..Go
Stack Overflow用户
发布于 2017-09-25 17:38:16
您可以简单地使用jQuery向您的页面添加另一个超文本标记语言页面。标签用于将外部<link>样式表链接到您的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>Stack Overflow用户
发布于 2017-09-25 17:29:47
大多数浏览器还不支持HTML导入，只支持Chrome版本36和Opera版本23。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46401795
复制相关文章
相似问题
腾讯云开发者
