当前位置: 首页 > news >正文

操作IFRAME及元素

内容里有两个ifame 
<iframe id="leftiframe"...</iframe> 
<iframe id="mainiframe..</iframe> 
leftiframe中jQuery改变mainiframe的src代码: 
$("#mainframe",parent.document.body).attr("src","http://www.jb51.net ") 
如果内容里面有一个ID为mainiframe的ifame
<iframe id="mainifame"...></ifame> 
ifame包含一个someID
<div id="someID">you want to get this content</div> 
得到someID的内容 
$("#mainiframe").contents().find("someID").html() html 或者 $("#mainiframe").contains().find("someID").text()值 
如上面所示 
leftiframe中的jQuery操作mainiframe的内容someID的内容
$("#mainframe",parent.document.body).contents().find("someID").html()或者 $("#mainframe",parent.document.body).contents().find("someID").val() 
 
 
在父窗口中操作 选中IFRAME中的所有单选钮

$(window.frames["iframe1"].document).find("input[ at type='radio']").attr("checked","true");
在IFRAME中操作 选中父窗口中的所有单选钮
$(window.parent.document).find("input[ at type='radio']").attr("checked","true");
iframe框架的:<iframe src="test.html" id="iframe1" width="700" height="300" frameborder="0" scrolling="auto"></iframe>
IE7中测试通过
在父页面访问Iframe子窗体的txtAddress控件
window.frames["ifrMapCompanyDetails"].document.all("txtAddress").value = '地址' ; 
 
在Iframe子窗体1访问父页面的TextBox1控件 , 子窗体1把值赋给子窗体2的某个控件 
string strValue = "从子窗体传递给父页面的值" ; 
下面是在Page_Load事件里面调用的,当然可以写在javascript脚本里面 
this.Response.Write("<script>parent.document.all('TextBox1').value = '" + strValue + "';</script>"); 
this.Response.Write("<script>if( parent.document.all('TextBox2').value = '0')parent.document.all('TextBox1').value = '44';</script>"); 
子窗体访问父窗体中的全局变量:
parent.xxx; 
在Iframe子窗体1访问子窗体2的txtAddress控件 子窗体1把值赋给子窗体2的某个控件 
window.parent.frames["ifrMapCompanyDetails"].document.all("txtAddress").value = '地址' ; 
父窗体提交两个Iframe子窗体 
window.frames["ifrMapCompanyDetails"].Form1.submit(); 
window.frames["ifrMapProductInfoDetails"].Form1.submit(); 
 Iframe子窗体 调用父页面的javascript事件
window.parent.XXX() 

父页面调用当前页面中IFRAME子页面中的脚本childEvent
function invokechildEvent() 
{ var frm = document.frames["ifrChild1"].childEvent(); } 
或者调用当前页面中第一个IFRAME中的脚本childEvent
{ var frm = document.frames[0]; frm.childEvent(); } 

子页面调用父窗体的某个按钮的按钮事件
window.parent.Form1.btnParent.click() 
父页面调用子窗体的某个按钮的按钮事件
window.frames['ifrChild1'].document.all.item("btnChild3").click(); 
 
在父窗口中操作 选中IFRAME中的所有单选钮
$(window.frames["iframe1"].document).find("input[ at type='radio']").attr("checked","true"); 
在IFRAME中操作 选中父窗口中的所有单选钮 
$(window.parent.document).find("input[ at type='radio']").attr("checked","true");
 

转载于:https://www.cnblogs.com/gxsyj/p/6008635.html

相关文章:

  • Google发布用于Google Cloud的.Net API
  • 【腾讯Bugly干货分享】从0到1打造直播 App
  • Mercury:唯品会全链路应用监控系统解决方案详解(含 PPT)_软件设计_程序员_非百站新闻_跟谁学程序员官网...
  • 并发编程(四)——Java中的阻塞队列
  • java Callable与Future
  • javascipt的【函数表达式】
  • 从RethinkDB的倒闭反思开源项目可持续的盈利模式
  • 笔试网站
  • (31)对象的克隆
  • SQL优化 CREATE STATISTICS
  • quartz2的example3--CronTriggerExample
  • ubuntu 14 中tomcat的开机启动设置
  • Java豆瓣电影爬虫——抓取电影详情和电影短评数据
  • InitialContext和lookup
  • 转】Mahout分步式程序开发 聚类Kmeans
  • 《Javascript高级程序设计 (第三版)》第五章 引用类型
  • C# 免费离线人脸识别 2.0 Demo
  • - C#编程大幅提高OUTLOOK的邮件搜索能力!
  • extract-text-webpack-plugin用法
  • java正则表式的使用
  • Object.assign方法不能实现深复制
  • Python连接Oracle
  • SpriteKit 技巧之添加背景图片
  • Sublime text 3 3103 注册码
  • Vue UI框架库开发介绍
  • Vue.js 移动端适配之 vw 解决方案
  • vue-loader 源码解析系列之 selector
  • 包装类对象
  • 关于Flux,Vuex,Redux的思考
  • 关于字符编码你应该知道的事情
  • 聚簇索引和非聚簇索引
  • 那些被忽略的 JavaScript 数组方法细节
  • 前端每日实战:70# 视频演示如何用纯 CSS 创作一只徘徊的果冻怪兽
  • 使用 5W1H 写出高可读的 Git Commit Message
  • 适配iPhoneX、iPhoneXs、iPhoneXs Max、iPhoneXr 屏幕尺寸及安全区域
  • 通过git安装npm私有模块
  • 小程序button引导用户授权
  • 新版博客前端前瞻
  • 一个6年java程序员的工作感悟,写给还在迷茫的你
  • 由插件封装引出的一丢丢思考
  • 再谈express与koa的对比
  • 【运维趟坑回忆录 开篇】初入初创, 一脸懵
  • AI又要和人类“对打”,Deepmind宣布《星战Ⅱ》即将开始 ...
  • 不要一棍子打翻所有黑盒模型,其实可以让它们发挥作用 ...
  • 树莓派用上kodexplorer也能玩成私有网盘
  • ​二进制运算符:(与运算)、|(或运算)、~(取反运算)、^(异或运算)、位移运算符​
  • ​如何防止网络攻击?
  • #多叉树深度遍历_结合深度学习的视频编码方法--帧内预测
  • (zt)最盛行的警世狂言(爆笑)
  • (非本人原创)史记·柴静列传(r4笔记第65天)
  • (附源码)springboot宠物医疗服务网站 毕业设计688413
  • (附源码)计算机毕业设计ssm基于Internet快递柜管理系统
  • (力扣题库)跳跃游戏II(c++)
  • (免费分享)基于springboot,vue疗养中心管理系统
  • (亲测成功)在centos7.5上安装kvm,通过VNC远程连接并创建多台ubuntu虚拟机(ubuntu server版本)...