Iframe(同域)的替代方案

时间:2017-02-28 17:01:07

标签: html iframe

我想知道是否有一种工作方式(符合大多数浏览器)来显示属于同一域的页面内的其他页面 - 我刚刚学会了IFRAMES不允许这样 - 它们只能用来显示来自外部网站 - 对吧?

戴夫

1 个答案:

答案 0 :(得分:1)

  

- 它们只能用于显示外部网站的内容 - 对吧?

否。 <iframe>src属性没有限制(生活标准 - HTML 4 )。

如果您不是特别喜欢当前HTML标准提供信息的方式,请查看<iframe>上的MDN页面 - 有些人认为其格式更友好。

<iframe>与任何替代方案之间的主要区别在于<iframe>的行为类似于独立页面(它不与其父文档共享资源),而片段/组件/模板加载是关于在文档中创建占位符,其中同一服务器上的另一个文件的内容将在解析时放置(因此父级中的所有脚本/样式将应用于该片段,并且片段加载的任何此类资源也将影响父母)。

片段/组件/模板现在只能通过使用库(最流行的是jQuery的.load())来实现,但一旦HTML Components成为<{1}},可能会成为HTML的一部分。 em>生活标准。

虽然有些人可能觉得我应该在这里提到Shadow DOM,但这只是HTML Components的一个特例,它封装了它的样式和脚本,所以它们不适用于组件之外,还提供了一些方便的方法(:host:host():host-context()) 目前,Shadow DOM是一份工作草案,只能通过webcomponents.js跨浏览器使用它。