1. iframe有哪些优缺点?
- 作为H5中的标签元素,我们先来了解下她的一些特性:
- frame [freɪm]n. 框架; 边框。 顾名思义加了个i变成内联框架(即行内框架)。
- iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。HTML中有树结构,层次结构,框结构,而iframe就属于框结构。每个iframe中都是一个独立的沙箱,它们拥有自己的window以及DOM。具体的属性和值查询http://www.w3school.com.cn/tags/tag_iframe.asp
- 好了,先来说下它的缺点:
1 ) 会阻塞页面的加载:因为window的onload事件需要在页面所有的iframe(包括里面的元素)加载完后才会触发的。
解决方法:使用js动态给iframe的src加载页面内容,示例代码如下:
<iframe id="fram"></iframe>
document.getelementbyid("fram").src="a2.html"
- 接下来说下它的优点:
1)通过iframe实现跨域;
第一,先解决有关的跨域的问题??
- 什么是跨域:指的是不同域名之间的相互访问,它是由浏览器的同源策略(同domain或ip,同端口,同协议视为同一个域,一个域内的脚本仅仅具有本域内的权限,可以理解为本域脚本只能读写本域内的资源,而无法访问其它域的资源。这种安全限制称为同源策略。)造成的,是浏览器对javascript施加的安全限制。
- 既然浏览器有同源策略而不能跨域,那我们怎么打破实现跨越呢?方法如下:
一.使用JSONP跨域(核心是动态添加<script>标签来调用服务器提供的js脚本。
- 原理: