How to add iframe dynamically using javascript?

amkohl

New Member

Join Date: Jul 2010

Posts: 10
#1

How to add iframe dynamically using javascript?

Jul 7 '10, 05:31 AM

Hi All,

I need to add a dynamic iframe at page load using JS (like below just after the beginning of the <body> tag.

Code:

<iframe src="" HEIGHT=1 WIDTH=1 FRAMEBORDER=0></iframe>

The issue here is if I try to add iframe using document.write then it shows me the <html><head><bo dy>....</html> wrapped inside the iframe tag as shown in the attached snapshot (makeframe.jpg) .

Code:

document.write('<iframe frameborder="0" scrolling="no" height="300" width="300" name="askFrame" src=""></iframe>');

Can someone please share the code snippet of adding the same using JavaScript?

Thanks in advance!
Attached Files

makeframe.jpg (12.6 KB, 325 views)

Last edited by gits; Jul 7 '10, 06:10 AM. Reason: added code tags
Tags: None
RamananKalirajan

Contributor

Join Date: Mar 2008

Posts: 608
#2

Jul 7 '10, 07:19 AM

Hi You have added iframe correctly. Iframe is a container in which you can load another html file. Inisde the Iframe it will have <html><head> everything. Since it is a place holder for another html page inside a html page.

Thanks and Regards
Ramanan Kalirajan
Comment

Comment