1、首先，我们使用DreamWeaver新建一个站点，将我们需要归纳到一个页面的网页都包含在这个站点里面。

2、然后我们找到一个需要嵌入页面的html文件，使用DW软件打开，找到需要插入页面的位置。

3、然后我们输入标签。在前半个标签的里面，空格一下就会出现我们可以设置的属性。

4、我们需要设置src，即我们需要引用的页面的地址。并且，我们可以简单的设定一下我们的iframe框架的border以及是否有滚动条。

5、除此之外，我们还应该设定这个iframe框架的宽度，一般来说我们都将其宽度设为100%，高度设为500px，由于在iframe标签内设置的宽和高都是具体值，我们需要给iframe一个class，然后设置style。

6、这样一个iframe框架就嵌入到我们的网页当中了，我们可以按下ctrl+s，并按下F12，就可以在浏览器中查看效果图，我用红色框起来的部分就是我们嵌入的页面。

1、document.domain+iframe

这个方法只能用于同一个主域下不同子域之间的跨域请求，比如a.com和1.a.com 之间，1.a.com和2.a.com 之间。

只要把两个页面的document.domian都指向主域就可以了，比如document.domain="a.com"。

父页面通过iframe嵌入子页面，通过iframe.contentWindow获取子页面的window,即可操作子页面，子页面通过parent.window和parent来访问父页面的window。

写个例子：

//父页面http://a.com/a.html

document.domain="a.com"

var myiframe=document.queryselector("#myiframe")

var name1=1

//获取子页面的属性

var name22 = myiframe.contentWindow.name2;

//子页面 http://1.a.com/b.html

document.domain="a.com"

var name2=2

//获取父页面的属性

var name11=parent.window.name1

2、window.name+iframe

实现是基于window.name传递数据。name 在浏览器环境中是一个全局window对象的属性

当在 iframe 中加载新页面时，name 的属性值依旧保持不变。

关键词： iframe用法是什么 iframe跨域解决方法是什么 iframe是什么文件 iframe有什么用法