• Iframe父页面与子页面之间的相互调用


    父页面:

    <!DOCTYPE html>
    <html>
    <head>
        <title>parents</title>
        <meta charset="UTF-8">
    </head>
    <body>
    <div id="default">div内容</div>
    <iframe src="child.html" id="child"></iframe>
     <script language="javascript" type="text/javascript"> 
      function sayhello() {
        alert(
    'Hello World!');
      }
      var value = 'value';
      child.contentWindow.test();
    </script> </body> </html>

    子页面:

    <!DOCTYPE html>
    <html>
    <head>
        <title>child</title>
        <meta charset="UTF-8">
        <script language="javascript" type="text/javascript" src="js/jquery.min.js"></script>
        <script language="javascript" type="text/javascript">
            $(function() {
                //在iframe子页面中查找父页面元素
                alert($('#default', window.parent.document).html());
                //在iframe中调用父页面中定义的变量
                alert(parent.value);
                //在iframe中调用父页面中定义的方法
                parent.sayhello();
            });
         
       function test() {
            alert('我是子页面!');
        }
    </script> </head> <body> <div>iframe子页面内容</div> </body> </html>
  • 相关阅读:
    php_l3arning_notes_3
    php_l3arning_notes_2
    php_l3arning_notes_1
    从 HTTP 到 HTTPS 再到 HSTS
    WSGI&ASGI
    WSGI 介绍
    什么是multipart/form-data请求
    SSH 端口转发
    Redis与RabbitMQ作为消息队列的比较
    数据库索引,到底是什么做的?
  • 原文地址:https://www.cnblogs.com/gxp69/p/7511435.html
Copyright © 2020-2023  润新知