iframe 调用父页面元素

Posted 张主任好

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iframe 调用父页面元素相关的知识,希望对你有一定的参考价值。


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="IFrame.aspx.cs" Inherits="IframeDemo.IFrame" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
    <script language="javascript" type="text/javascript" src="jquery-1.5.1.min.js"></script>
    <script language="javascript" type="text/javascript">
        $(function() {
            //在iframe中查找父页面元素
            alert($(‘#default‘, window.parent.document).html());
            //在iframe中调用父页面中定义的方法
            parent.getHelloWorld();
            //在iframe中调用父页面中定义的变量
            alert(parent.hello);
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="iframe">
        IFrame.aspx
    </div>
    </form>
</body>
</html>

以上是关于iframe 调用父页面元素的主要内容,如果未能解决你的问题,请参考以下文章

iframe页面之间元素获取与方法调用

iframe父子页面相互调用方法,相互获取元素

jqueryjs调用iframe父窗口与子窗口元素的方法整理

jqueryjs调用iframe父窗口与子窗口元素的方法整理

iframe 调用父页面元素

js/jquery父元素调用子元素方法失效