在HTML5中有什么可以替代iFrame

最佳解决方法

通常有4种方法可以将HTML嵌入到网页中：

<iframe> iframe的内容完全位于当前页面不同的上下文中。虽然这是一个很棒的功能，而且是不同浏览器版本之间兼容最好的，但是它也带来了额外的问题(将frame大小跟网页内容设置一致比较麻烦)。
AJAX。可以使用XMLHttpRequest对象来检索数据并将其注入到页面中。这不是最理想的方法，因为它依赖于脚本技术，从而可能使执行速度变慢，同时，过程也比较复杂，其他缺点。
Hacks。很少这样做，不是很可靠。
HTML5 Web组件。作为Web组件的一部分，HTML Imports允许将HTML文档绑定到其他的HTML文档中。这包括HTML，CSS，JavaScript或任何其他.html文件可以包含的内容。这使得它成为一个很好的解决方案，有许多有趣的用例：将应用程序拆分成捆绑的组件，将其作为构建块进行分发；更好地管理依赖关系以避免冗余，代码组织等。下面是一个简单的例子：

<link rel="import" href="http://example.com/elements.html">

次佳解决方法

Html5中没有完全等同的东西。 <iframe>元素在HTML5中仍然有效。根据您需要的确切交互，可能会有不同的API。例如有postMessage方法，它允许您实现跨域JavaScript交互。但是，如果你想显示跨域的HTML内容(使用CSS样式，并与javascript交互)，iframe是一个很好的方法。

第四种解决方法

可以使用对象并嵌入，如下所示：

<object data="http://www.web-source.net" width="600" height="400"><embed src="http://www.web-source.net" width="600" height="400"> </embed>Error: Embedded data could not be displayed.
</object>

第五种方法

object在HTML5中是一个简单的选择：

<object data="https://blogs.claritycon.com/blog/2016/03/bower-packages-asp-net-core-1-0/" width="400" height="300" type="text/html">Alternative Content
</object>

也可以试试embed：

<embed src="https://blogs.claritycon.com/blog/2016/03/bower-packages-asp-net-core-1-0/" width=200 height=200 />

在HTML5中有什么可以替代iFrame相关推荐

html取代frame框架,替代iframe的最好方法什么东西可以替代iframe
现在有什么好的办法取代 iframe 我以前就用过AJAX做过管理页面,左侧菜单不用每次都重新加载,你让他每次点击左侧链接或按钮然后调用AJAX加载右侧的内容就行什么东西可以替代iframe HTM ...
iframe的使用和替代iframe的标签
1:ifram的重要属性的src(路径和请求都需要加上协议,不然iframe加载不出来) <div><h1 onclick="getIframe()">de ...
html5中有哪些新属性,整理HTML5中表单的常用属性及新属性
HTML5 新的表单属性HTML5 的和标签添加了几个新属性.新属性: autocomplete novalidate 新属性: autocomplete autofocus form forma ...
html5 标签大写还是小写,html5中有没有规定字母标签是用大写还是小写?
HTML4.0以及之前的版本中,W3C标准是不区分标签大小写的.但是在以后的HTML5.0版本中,W3C明确规定,标签必须用小写格式.而新的XHTML规范里也必须是小写.所以应该是小写正规. W3C通 ...
html5 canvas代替flash,替代Flash技术最好的选择------HTML5
关键词:视频处理.音频处理.Canvas(画布) 一.视频处理 1.基本内容 1.1.使用HTML实现视频处理: video标签如果当前浏览器不支持video,可以在veido里面编写提示内 src ...
html5声称需要大写吗,html5中有没有规定字母标签是用大写还是小写?
首字母:大写: 没有白标签,但杜可以控制风格:文本转换. 文本-转换:无,回默认值.带有小写DAO和大写答字母的标准文本. 文本转换:大写,课文中的每个单词都以大写字母开头. 文本-转换:大写,这个定 ...
websocket session超时_SSE(ServerSent Events):替代websocket完成服务器推送
微信搜索"品茗IT"关注我们吧! 一.概述提到服务端数据推送,你可以一下子就想到了Websocket,WebSocket是一种全新的协议,随着HTML5草案的不断完善,越来越多的 ...
HTML5缓存和GPS定位
HTML5缓存我们在访问网站的时候,会从网站服务器中下载很多数据,其中包括css文件.图片文件.js文件.音频文件等等,有时候一个页面这种零零散散的文件就要下载上百个,可以打开浏览器的开发者工具,点 ...
快速掌握 10 个 HTML5 必备技巧
HTML5 对于初学者甚至是非程序员来说都有着十足的吸引力.实际上,只要你访问网站,就会和 HTML 打交道.如果能够熟悉一些关键的编程技巧,当你对网站做一些细节调整或优化基本的 Web 元素时就能节 ...