14

我正在研究一个基于和标签的古老项目。

以下是父页面 (index.html) 的常见 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>

在这里,我如何在子框架(frame3.html)上指定 javascript 函数:

<!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>

我的任务是调用helloWorld()函数。我怎么做?
提前致谢!

4

3 回答 3

25

你可以这样做:

document.getElementById('frame3').contentWindow.helloWorld();
于 2011-05-10T07:37:02.803 回答
2

您可以从子框架调用方法

window.frames[n].frames[m].methodName()

其中 n , m 是从 0 开始的整数。如果您只有一帧文档,请删除 frames[m] 部分并完成工作。

还有一件事,试错并找出确切的帧数和方法。希望这可以帮助

于 2016-03-10T07:57:55.503 回答
1

检查 contentWindow、contentDocument 并获取框架对象并执行调用。

var siblingFrame;
if (parent.document.getElementById('siblingFrameId').contentWindow){
  siblingFrame = parent.document.getElementById('siblingFrameId').contentWindow;
} else if (parent.document.getElementById('siblingFrameId').contentDocument){
  siblingFrame = parent.document.getElementById('siblingFrameId').contentDocument;
} else if (parent.document.getElementById('siblingFrameId')) {
  siblingFrame = parent.document.getElementById('siblingFrameId');
}

siblingFrame.helloWorld();
于 2013-10-01T11:43:35.307 回答