javascript - displaying an alert box inside an iframe in an html page - Stack Overflow

admin管理员组

文章数量:1345118

There is a simple HTML page, named say abc.html. Now abc.html has a button named say 'click me'. This page, abc.html, also has an iframe, with an id say 'myframe'.

Now what i want is that when the button, 'click me', is clicked an alert box should e up inside the iframe named 'myframe'. How can i do this?

I have tried the following..

window.frames[0].contentWindow.alert("this is the iframe");

but this does not seem to work. Please let me knwo why does this not work and what could be an alternate solution.

There is a simple HTML page, named say abc.html. Now abc.html has a button named say 'click me'. This page, abc.html, also has an iframe, with an id say 'myframe'.

Now what i want is that when the button, 'click me', is clicked an alert box should e up inside the iframe named 'myframe'. How can i do this?

I have tried the following..

window.frames[0].contentWindow.alert("this is the iframe");

but this does not seem to work. Please let me knwo why does this not work and what could be an alternate solution.

• javascript
• html
• dom

Share Improve this question Follow asked Aug 27, 2012 at 10:07 qre0ctqre0ct 6,2221010 gold badges5757 silver badges9393 bronze badges 2

• If the IFRAME-contents are loaded from another URL, you can't access/modify those contents via JavaScript. – feeela Commented Aug 27, 2012 at 10:11
• 1 ok .. but i do not want to modify/access the contents of the page loaded from a different URL into the iframe. I just want to display an alert box in the window object of the iframe. Is it possible? – qre0ct Commented Aug 27, 2012 at 10:14

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 2

ContentWindow is derived from document, not window.

What you will want to do is add the alert into a function on the iframe page, then use document.getElementById('targetFrame').contentWindow.targetFunction(); to call it, (using targetFunction as example). This answer may give you further information on techniques.

If the source of the <iframe> es from a different domain than the parent page, the you are going to hit browsers same origin policy, meaning that you simply cannot do anything with that page.

For an "alternative suggestion" it really does depend on exactly what you are trying to achieve, and what the user is supposed to experience.

Browser-level alert is not visibly tied to a particular frame. You will always get an alert that is centered on the browser window, rather than centered on the window/frame it is called from.

JSFiddle demonstrating this

If you need this functionality, you'll have to use your own modal dialogues, or a library that will present them.

This might helpful to you:

function body_load()
{       
    document.getElementById('loader').src;
}

<div id='mydiv'>
    <input type="button" value="Click Me" onclick="body_load();" />
</div>
<iframe id='loader' onload="body_load(this)" name="Google"  scrolling="auto" style="width:95%;height:600px" src="http://www.image."></iframe>

http://jsbin./idazul/1/edit

本文标签： javascriptdisplaying an alert box inside an iframe in an html pageStack Overflow