Question

我有一个<script type="text/html">如下：

<script type="text/html" id="id">
        // I want to import HTML from a file here
</script>

请建议除<object>, <iframe> and <embed>以外的任何其他解决方案这些标签搞乱了我的CSS，因为它们插入了自己的HTML，BODY和其他元素。

我不想使用jQuery。虽然不那么坚定。

修改

script type="text/html"必须使用模板在页面之间进行路由。模板由此script type="text/html"元素的“id”标识。

Answer 1

如果您考虑使用jQuery，.load()将会解决问题：

$( "#id" ).load( "path/to/file.html" );

^{JSFiddle illustration}

Answer 2

如果您的文件位于同一个域中，我建议您使用ajax来恢复它。像这样：

<div id="wrapper"></div>

<script type="text/javascript">
    var remote_html_container = jQuery("#wrapper");
    jQuery.ajax({
      url: "my-page-url",
      success: function(data){
        remote_html_container.html(data);
      }
    });
</script>

它的作用是通过jQuery加载页面的输出，并且＆＃34;粘贴它＆＃34;进入div＃wrapper。

编辑：使用加载功能确实更容易：

<div id="wrapper"></div>

<script type="text/javascript">
  jQuery("#wrapper").load("my-url.html");
</script>

script type =“text / html”包含文件中的HTML

2 个答案: