zoukankan      html  css  js  c++  java
  • js 和 JQuery 获取iframe的父子值

    在父窗口中获取iframe中的元素 
    
    1、
    
    格式:window.frames["iframe的name值"].document.getElementByIdx_x("iframe中控件的ID").click();
    
    实例:window.frames["ifm"].document.getElementByIdx_x("btnOk").click();
    
    2、
    
    格式:
    
    var obj=document.getElementByIdx_x("iframe的name").contentWindow;
    
    var ifmObj=obj.document.getElementByIdx_x("iframe中控件的ID");
    
    ifmObj.click();
    
    实例:
    
    var obj=document.getElementByIdx_x("ifm").contentWindow;
    
    var ifmObj=obj.document.getElementByIdx_x("btnOk");
    
    ifmObj.click();
    
    在iframe中获取父窗口的元素
    
    格式:window.parent.document.getElementByIdx_x("父窗口的元素ID").click();
    
    实例:window.parent.document.getElementByIdx_x("btnOk").click();
    
    jquery
    
    在父窗口中获取iframe中的元素 
    
    1、
    
    格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1
    
    实例:$("#ifm").contents().find("#btnOk").click();//jquery 方法1
    
    2、
    
    格式:$("#iframe中的控件ID",document.frames("frame的name").document).click();//jquery 方法2
    
    实例:$("#btnOk",document.frames("ifm").document).click();//jquery 方法2
    
    在iframe中获取父窗口的元素
    
    格式:$('#父窗口中的元素ID', parent.document).click();
    
    实例:$('#btnOk', parent.document).click();
    <%@ page language="java" contentType="text/html; charset=utf-8"
        pageEncoding="utf-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Insert title here</title>
    <script type="text/javascript" src="../parenttest/js/jquery-1.6.2.min.js"></script>
    <script type="text/javascript">
    
        $(function(){
            $("#btn2").click(function(){
                var value = $("#tt",document.frames("subFrame").document).val();
                alert(value);
            });
        });
    </script>
    </head>
    <body>
    <form id="form1" name="form1">
        <input  id="n1" type="text"   name="n1" value="aa"/>
        <input id="btn2" type="button" value="btn2" />
        <iframe id = "subFrame" name="subFrame" src="sub.jsp"></iframe>
    </form>
    </body>
    </html>
    <%@ page language="java" contentType="text/html; charset=utf-8"
        pageEncoding="utf-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Insert title here</title>
    <script type="text/javascript" src="../parenttest/js/jquery-1.6.2.min.js"></script>
    <script type="text/javascript">
        $(function(){
            
            $(":button").click(function(){
                //var value = window.parent.document.form1.innerHTML;
                //var value = window.parent.document.form1.n1.value;
                //var value = $("parent #n1").val();
                var value = $("#n1",parent.document).val();
                alert(value);
            });
        });
    </script>
    </head>
    <body>
    <form action="">
        <input id="tt"  type="button"  value="submit" />
    </form>
    </body>
    </html>
  • 相关阅读:
    IE8、IE7、IE6、Firefox2.0.0.12的一些CSS HACK测试
    scrollLeft,scrollWidth,clientWidth,offsetWidth到底指的哪到哪的距离
    使用XML技术实现OWC对数据库的展示
    Server Push详解
    Ajax ReadyState的五种状态详解
    JavaScript 动态创建表格:新增、删除行和单元格
    Windows 7令人满意,Code 7让人失望
    当Outlook 2010 Beta遇上Windows Mobile Device Center 6.1
    实际使用Windows 7中的Readyboost功能
    打开梦想的窗——成都Windows 7社区发布活动和Windows 7 Party总结
  • 原文地址:https://www.cnblogs.com/lxh520/p/8807675.html
Copyright © 2011-2022 走看看