当前位置：首页 → 问答吧 → 请教：iframe中如何调用父页面函数？

请教：iframe中如何调用父页面函数？

时间：2010-02-01

来源：互联网

请教各位：
  现在有两个页面，父页面t1.html，子页面t2.html，t2放在t1的iframe中。

t1.html代码：
<html>
<head>
<script src="../js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
//这里调用的是遮罩层，放在父页面了
$(function tc(){
            $.dialog(300,200,"内容你好sfasfsafdasfsfasdfa");
})
</script>
</head>
<body>
<iframe id="mainFrame" class="xxx" src="t2.html"></iframe>
</body>
<html>

t2.html代码：
<html>
<head>
<script src="../js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
    $("#btn1").click(function(){
        $(window.parent.document).tc()
        //想在这里调用父页面t1.html中的函数tc，但这样写不对，请问该怎么写？
    });
})
</script>
</head>
<body>
<input type="button" value="测试" id="btn1">
</body>
<html>

请问1.如何在t2.html中调用t1.html中的函数？
2.请问t1.html中的那个调用遮罩层的函数该怎么写，才会在t2.html调用的时候才弹出？

作者: qunser 发布时间: 2010-02-01

回答：
１，在t1.html中加一个按钮<input type="button" id="btn" style="width:0px;height:0px">
$(document).ready(function(){
     $("#btn").click(function tc(){
            $.dialog(300,200,"内容你好sfasfsafdasfsfasdfa");
}
})
然后在t2.html中：
$("#btn",parent.documnet).click();//也就是从t2.html中去调用t1.html的按钮触发click事件
２，遮罩层：思路：（具体可以上网再查资料）
<div id="mask"  style="position:absolute;z-index:99998"></div>
<div id="dialog" style="position:absolute;z-index:99999"><iframe id="mainFrame" class="xxx" src="t2.html"></iframe>
</div>
调用js脚本设置mask,大小为窗口，并设置其大小随窗口变化而变化.....

作者: noah 发布时间: 2010-02-05