软件学堂

网游分类软件分类

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

2012-10-25 来源:网络

【实例名称】

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代码下载

 

上一篇:PS调色教程:利用PS通道制作暖褐色图片
下一篇:大宗师手游攻略

相关文章