码迷,mamicode.com
首页 > 其他好文 > 详细

父窗口与iFrame之间调用方法和元素

时间:2017-12-04 11:36:47      阅读:111      评论:0      收藏:0      [点我收藏+]

标签:ntb   win   font   jquery   get   value   doc   mob   val   

父窗口与iFrame之间调用方法和元素

父窗口调用子窗口:

调用元素

js
格式: var obj=document.getElementById("iframe的name").contentWindow; var ifmObj=obj.document.getElementById("iframe中控件的ID"); ifmObj.click(); 实例: var obj=document.getElementById("ifm").contentWindow; var ifmObj=obj.document.getElementById("btnOk"); ifmObj.click();

jQuery

  格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1  
  实例:$("#ifm").contents().find("#btnOk").click();//jquery 方法1

  格式:$("#iframe中的控件ID",document.frames("frame的name").document).click();//jquery 方法2  
  实例:$("#btnOk",document.frames("ifm").document).click();//jquery 方法2

调用方法和变量

格式:$("#iframe的ID")[0].contentWindow.iframe方法();
实例:$("#ifm")[0].contentWindow().iClick(); // ifm 为 <iframe> 标签 id; iClick为子页面 js 方法

子窗口调用父窗口:

调用元素

js
格式:window.parent.document.getElementById("父窗口的元素ID").click();   实例:window.parent.document.getElementById("btnOk").click();

jQuery
格式:$(‘#父窗口中的元素ID‘, parent.document).click();  
实例:$(‘#btnOk‘, parent.document).click();

 调用方法和变量

    window.parent.aa();//调取aa函数
    window.parent.bb;//调取bb变量

    例如:想在子页面中得到id为aaa的文本框的值

      window.parent.$("#aaa").val();//这种写法的前提是引用了jquery

      window.parent.getElementById("aaa").value; //js的写法

 

父窗口与iFrame之间调用方法和元素

标签:ntb   win   font   jquery   get   value   doc   mob   val   

原文地址:http://www.cnblogs.com/Dream2hc/p/jsp0002.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!