当前位置:软件学堂 > 资讯首页 > 网络编程 > 编程其他 > JS代码实现动态添加iframe框架

JS代码实现动态添加iframe框架

2012/10/25 11:27:30作者:佚名来源:网络

移动端

【实例名称】

JS代码实现动态添加iframe框架

【实例描述】

iframe框架用来加载页面。本例将学习如何动态添加iframe到页面中。

【实例代码】

 

<html> <head> <title> 动态添加框架 -学无忧(www.xue51.com)</title> <script language="JavaScript"> window.onload = function() { var iframe = document.createElement('iframe'); //动态创建框架 iframe.src="http://www.google.com";            //框架中加载的页面 document.body.appendChild(iframe);             //将框架添加到当前窗体 } </script> </head> <body> </body> </html>

【运行效果】

运行效果

【难点剖析】

本例的重点是DOM方法的运用。“createElement’’方法用来在页面中创建元素,“appendChild”方法用来将元素添加到网页中。

【源码下载】

本实例JS代码下载

 

标签: 框架  JS代码