如何在iframe里面添加html内容

在iframe中动态添加html元素，须使用HTML 新加给iframe的一个属性 srcdoc。（遗憾的是还未得到ie的支持），以js为例：document.getElementById('id标识').srcdoc="<!doctype..."

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

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

3

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

4

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

5

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

6

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

iframe是网页框架，它显示的内容其实就是一个网页，也就是说你再做一个网页，里面放一个select控件，再设置iframe的src属性就行了，比如你做了一个含有select控件的网页文件名叫select.htm，然后在需要用iframe包含这个网页：

<iframe src="select.htm"></iframe>

这样就行了

---