当前位置:  开发笔记 > 编程语言 > 正文

如何将HTML页面包含到另一个没有frame/iframe的HTML页面中?

如何解决《如何将HTML页面包含到另一个没有frame/iframe的HTML页面中?》经验,为你挑选了7个好方法。

我想在HTML页面中包含一个HTML页面.可能吗?

我不想在PHP中这样做,我知道在PHP中,我们可以使用include这种情况,如何在不使用iframeframe概念的情况下实现纯粹的HTML ?



1> kennebec..:

您可以使用对象元素


或者,在本地服务器上,AJAX可以返回一个HTML(responseText)字符串,您可以使用该字符串进行记录.编写一个新窗口,或者编辑出head和body标签,并将其余部分添加到div中的div或其他块元素中.当前页面.


不幸的是,即使您没有在子HTML中使用OBJECT或EMBED标签,也会在包含的HTML中引入HEAD / BODY标签。这将破坏验证并导致间距问题,因此这不是最佳解决方案。
Up - 没有CORS问题!

2> Daniel LeChe..:

如果您只是试图从另一个文件中坚持自己的HTML,并且您认为服务器端包含为"纯HTML"(因为它看起来像HTML注释并且没有使用像PHP那样的"脏" ):



这不是纯HTML解决方案吗?
@ Sam152:嘘!; - ]

3> Cherian..:

如果您的意思是客户端,那么您将不得不使用JavaScript或框架.
简单的方法开始,尝试jQuery

$("#links").load("/Main_Page #jq-p-Getting-Started li");

更多关于jQuery Docs

如果您想使用IFrame,请从IFrame上的Wikipedia开始



  
        Example
  
  
        The material below comes from the website http://example.com/
        
   



4> Muis..:

你可以使用HTML5:

  


我喜欢你的解决方案.+1
@Joyal不,这是HTML5的一部分,一些浏览器已经支持它,但对于那些不支持它的人,你可以使用聚合物来填充它.http://caniuse.com/#search=import
这对许多网络浏览器都不起作用,如果对某人(像我这样)有问题:http://caniuse.com/#feat=imports

5> Sam152..:

您需要为此iframe添加一些样式.您可以指定宽度,高度,如果您希望它看起来像原始页面的一部分frameborder="0".

在纯HTML中没有其他方法可以做到这一点.这就是他们的目的,就像说我想要一个没有鸡蛋的鸡蛋.


当你这样做:有没有办法你可以在iframe内点击链接来改变整个窗口?

6> ashario..:

如果您愿意使用jquery,那么有一个名为"inc"的方便的jquery插件.

我经常将它用于网站原型设计,我只想向客户端提供静态HTML,没有可以快速创建/编辑/改进/重新呈现的后端层

http://johannburkard.de/blog/programming/javascript/inc-a-super-tiny-client-side-include-javascript-jquery-plugin.html

例如,菜单和页脚之类的东西需要显示在每个页面上,但是你不希望最终得到一个复制粘贴的东西

您可以包含页面片段,如下所示



7> 小智..:


example
    


    

推荐阅读
乐韵答题
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有