當(dāng)前位置:軟件學(xué)堂 > 資訊首頁(yè) > 網(wǎng)絡(luò)編程 > 編程其他 > JS代碼實(shí)現(xiàn)動(dòng)態(tài)添加iframe框架

JS代碼實(shí)現(xiàn)動(dòng)態(tài)添加iframe框架

2012/10/25 11:27:30作者:佚名來(lái)源:網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

JS代碼實(shí)現(xiàn)動(dòng)態(tài)添加iframe框架

【實(shí)例描述】

iframe框架用來(lái)加載頁(yè)面。本例將學(xué)習(xí)如何動(dòng)態(tài)添加iframe到頁(yè)面中。

【實(shí)例代碼】

 

<html> <head> <title> 動(dòng)態(tài)添加框架 -學(xué)無(wú)憂(www.wangbatian.cn)</title> <script language="JavaScript"> window.onload = function() { var iframe = document.createElement('iframe'); //動(dòng)態(tài)創(chuàng)建框架 iframe.src="http://www.google.com";            //框架中加載的頁(yè)面 document.body.appendChild(iframe);             //將框架添加到當(dāng)前窗體 } </script> </head> <body> </body> </html>

【運(yùn)行效果】

運(yùn)行效果

【難點(diǎn)剖析】

本例的重點(diǎn)是DOM方法的運(yùn)用。“createElement’’方法用來(lái)在頁(yè)面中創(chuàng)建元素,“appendChild”方法用來(lái)將元素添加到網(wǎng)頁(yè)中。

【源碼下載】

本實(shí)例JS代碼下載

 

標(biāo)簽: 框架  JS代碼