jQuery select parent window DOM 如window.parent.document.getElementById().innerHTML

用 IFRAME 来隔离不同的脚本,从而实现我需要的效果。

在框架中,我用 JavaScript 获取 JSON 数据,组织成 HTML 代码,最后将其填充至上层文档的一个元素中。按照一般的写法,我们需要用到类似如下的语句:

1.window.parent.document.getElementById("myEle").innerHTML = html;

使用 jQuery ,写法如下:

1.$("#myEle", window.parent.document).html(html);

即指明了是在 window.parent.document 中查找 id=myEle 的元素。

随着前面的问题的解决(其实是对 jQuery 的了解不够),现在两种方案都可以实现我需要的效果了。

另外还有一种实现方式,代码如下:

1.parent.$("#myEle").html(html);

这种方法要求父文档也要调用 jQuery 。

转载于:https://www.cnblogs.com/lccnblog/p/3600822.html

IFRAME jquery 获取document对象相关推荐

  1. preg_match 参数获取两个_「死磕 Spring」—– IOC 之 获取 Document 对象

    原文出自:http://cmsblogs.com作者:chenssy 在 XmlBeanDefinitionReader.doLoadDocument() 方法中做了两件事情,一是调用 getVali ...

  2. 学习 jQuery -2 document 对象的 ready 事件

    首先让我们实现 Helloworld.当网页加载之后,显示一个提示框,内容为 Hello, world. 在文档载入后,马上执行代码,可以通过 document 对象的 ready 事件来完成. 取得 ...

  3. jquery获取java对象的属性_jQuery - 获得内容和属性

    jQuery - 获得内容和属性 jQuery 拥有可操作 HTML 元素和属性的强大方法. jQuery DOM 操作 jQuery 中非常重要的部分,就是操作 DOM 的能力. jQuery 提供 ...

  4. jQuery获取及设置单选框,多选框,文本框内容

    在工作中,text,radio,checkbox,select在开发过程中是必不可少的一部分.在开发过程中经常要处理页面表单元素. Eg:    在复选框checkBox中获取checked的valu ...

  5. jQuery获取iframe的document对象的方法

    2019独角兽企业重金招聘Python工程师标准>>> 获取iframe的document对象的目的就是进行dom的操作 $(function() { var result = $( ...

  6. JQuery获取iframe中window对象的方法-contentWindow

    document.getElementsByTagName('iframe')[0].contentWindow 获取到的就是iframe中的window对象. 转载于:https://www.cnb ...

  7. 在iframe中写html,使用jQuery在iframe中获取HTML

    使用jQuery在iframe中获取HTML 这是我的情况. 我有一个名为iframe.html的文件,其中包含图像幻灯片的代码.该代码有点像 用户可以使用嵌入代码将幻灯片添加到他们的博客或网站(可以 ...

  8. Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法

     在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素.或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素  1. 格式:win ...

  9. Jquery 获取日期date()对象,jquerydate

    Jquery 获取日期date()对象,jquerydate 获取JavaScript 的时间使用内置的Date函数完成 var mydate = new Date(); mydate.getYear ...

最新文章

  1. spss相关性分析看结果_利用spss做Pearson相关性分析步骤详解
  2. Logistic Regression and Classification
  3. 阿里云再发两款混合云一体机 ,企业全面上云就像上车一样简单
  4. mysql创建数据库命令
  5. 你一点要认真了解 C++中的模式匹配介绍
  6. (day 51 - 排序+夹牌 ) 剑指 Offer 61. 扑克牌中的顺子
  7. Win10安装python扩展的几种方式
  8. 985研究生被小公司领导留了3年,【全栈最全Java框架总结
  9. 你在杠杆另外一端的位置,决定你是否能够撬动地球
  10. python 路径格式化_「原创」「python自学笔记」python编码规范
  11. 计算机英语词汇汇总,计算机英语词汇汇总
  12. OpenCV入门系列 —— medianBlur中值滤波
  13. 索引的作用?和它的优点缺点是什么?
  14. linux常用命令导图
  15. Windows server 2012 服务器挂载NAS盘
  16. 踩坑日记:Parameter ‘XXX‘ not found. Available parameters are [param5, param6]解决一下午。。。。
  17. http/https服务器安全:嗅探漏洞url路径
  18. Mingw下使用FTD2XX进行FTDI的开发
  19. GitLab的安装及使用教程(超级详细)
  20. ios wkweb设置图片_在iOS中使用WKWebView如何支持展示webp格式图片(包括本地html)?...

热门文章

  1. Vuex与登录状态保存
  2. 【视频】vue指令之@click及其stop修饰符
  3. Hadoop大数据——mapreduce的Distributed cache
  4. Spring 自定义注解使用案例 首先创建一个注解@interface
  5. union all动态表_深入窥探动态链接
  6. python(numpy,pandas4)——numpy中array合并和分割
  7. Date、DateFormat、Calendar日期类
  8. 3.1.11 OS之段页式存储管理(段表、页表、地址转换、)
  9. japidocs怎么设置参数必填_JApiDocs 动态生成接口文档,并解析java 源码中的注释...
  10. 概要设计说明书案例_逆向前行,趁势而为外贸学院线上教学优秀案例展(七)...