首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >html导入不起作用

html导入不起作用
EN

Stack Overflow用户
提问于 2017-09-25 17:26:13
回答 3查看 2.7K关注 0票数 0

我一直在为我的公司编写一个新的内部网,希望能够将许多文件导入到同一个页面上,这样信息仍然可以很容易地编辑。但是,当我尝试直接打开文件而不是通过Visual Studios打开文件时,文件没有导入。

我写这篇文章的方式是不是有什么问题,或者是因为其他原因不能工作?

代码语言:javascript
复制
<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框架,因为这具有更简单有效的导入方法。

EN

回答 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

票数 0
EN

Stack Overflow用户

发布于 2017-09-25 17:38:16

您可以简单地使用jQuery向您的页面添加另一个超文本标记语言页面。标签用于将外部<link>样式表链接到您的HTML文档。

假设您的超文本标记语言页面名为example.html,然后添加以下代码:

代码语言:javascript
复制
<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>
票数 1
EN

Stack Overflow用户

发布于 2017-09-25 17:29:47

大多数浏览器还不支持HTML导入,只支持Chrome版本36和Opera版本23。

来源:http://caniuse.com/#feat=imports

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/46401795

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档