zoukankan      html  css  js  c++  java
  • jquery 父页面查找iframe子页面内容 子页面内容查找父页面内容

    父页面代码

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    <script type="text/javascript" src="jquery-1.4.4.min.js"></script>
    </head>
    
    <body>
        <div class="f_div">父页面内容</div>
    	<iframe name='if1' src="1.html" width="300" height="400"></iframe>
        <script>
        	$(function(){
    			$('iframe').load(function(){ //确保子页面完成加载
    				alert($('iframe').contents().find('.c_div').html());
                                    alert($('.c_div',window.frames["if1"].document).html());//另一方法
    			});
    			
    		});
        </script>
    </body>
    </html>
    

     子页面代码

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    <script type="text/javascript" src="jquery-1.4.4.min.js"></script>
    </head>
    
    <body>
    	<div class="c_div">子页面内容</div>
        <script>
        	$(function(){
    			alert($('.f_div',parent.document).html());			
    		});
        </script>
    </body>
    </html>
    
  • 相关阅读:
    力扣
    linux网卡知识
    opencv C++ Mat构造函数
    C++ vector迭代器访问二维数组
    opencv Scalar
    C++智能指针
    c++结构体
    C++ 公有继承、保护继承和私有继承的对比
    乌班图设置C++11
    C++类模板的使用
  • 原文地址:https://www.cnblogs.com/mybest/p/2271940.html
Copyright © 2011-2022 走看看