LoomyBear LoomyBear - 3 months ago 8
HTML Question

How to call javascript function specified in a child <frame>

I'm working on a accient project which based on and tags.

Here's the common HTML structure of the parent page (index.html):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
</head>
<frameset rows="75px,*" frameborder="0">
<frame name="frame1" src="frames/frame1.html">
<frameset class="child_frameset">
<frame name="frame3" src="frames/frame3.html">
</frameset>
</frameset>
</html>


Here how I specify the javascript function on the child frame (frame3.html):

<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript">
function helloWorld(){
alert('hello world!');
}
</script>
</head>
<body>
<h1>I'm frame 3</h1>
</body>
</html>


My task is to call helloWorld() function. How do I do that?

Thanks in advance!

Answer

You can do it like this:

document.getElementById('frame3').contentWindow.helloWorld();
Comments