jq、js父子页面交互

最新推荐文章于 2023-11-22 17:23:42 发布
最新推荐文章于 2023-11-22 17:23:42 发布
阅读量411 收藏
点赞数
分类专栏： JS jq 文章标签： javascript 前端 java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36652782/article/details/127073261
版权
JS 同时被 2 个专栏收录
10 篇文章 0 订阅
订阅专栏
jq
5 篇文章 0 订阅
订阅专栏

1. 父页面获取子页面元素

jq: $('#iframeId').contents().find('p')

js: document.getElementById('iframeId').contentWindow.document.getElementsByTagName('p')

2. 父页面调用子页面方法

jq:  $('#iframe')[0].contentWindow.getData()

js: document.getElementById('iframeId').contentWindow.getData()

3.子页面获取父页面元素

jq:  $('#父元素id名'， parent.document)

js:  window.parent.document.getElementById('父元素id名')

4.子页面获取父页面方法

js：window.parent.getData()

冷雨温喉
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery 父、子页面之间页面元素的获取，方法的调用
dwc2011的专栏
09-02 3万+
父、子页面之间页面元素的获取，方法的调用：
js/jq iframe父子页面交互
liuyan1106_的博客
11-13 305
一、子页面调父页面 1、获取父页面元素 $('#objId', parent.document) 2、获取父页面方法 parent.parentFun() 二、父页面调子页面 1、获取子页面元素 $("#iframeId").contents().find('#objId') 2、获取子页面方法 $('#iframeId')[0].contentWindow.childrenFun() ...
使用jQuery动态加载js脚本
weixin_33827731的博客
04-16 104
动态加载Javascript是一项非常强大且有用的技术。这方面的主题在本站已经讨论了不少，我也经常会在一些个人项目上使用RequireJS和Dojo加载js。它们很强大，但有时候也会得不偿失。如果你使用的是jQuery，它里面有一个内置的方法可以用来加载单个js文件。当你需要延迟加载一些js插件或其它类型的文件时，可以使用这个方法。下面就介绍一下如何使用它！   　jQuery JavaScr...
js中几种父子窗口的交互总结
niemingming的专栏
06-20 1386
最近再做项目中，经常需要在页面的父子页面之间进行数据的交互和方法的调用，在这里做些简单的总结以备不时之需。         页面几种方式：           1.采用open方法打开的新页面和原页面的交互：采用这种方式，可以在子页面中调用opener属性获取父级打开页面。原则上将该方法返回一个新打开的窗体对象，这时需要注意的是如果打开的窗体路径和父级窗体所处的域不同的话，是不能操作子窗体数据
使用jquery/js获取iframe父子级、同级获取元素的方法
12-02
在Web开发中，`iframe`（Inline Frame）是一种常见的页面嵌入技术，它允许在一个HTML文档中嵌入另一个HTML文档。然而，当涉及到跨域安全和不同上下文间的交互时，如何正确地获取和操作`iframe`内的元素或从`iframe`...
JavaScript交互式网页设计——jQuery
qq_62296995的博客
12-27 2851
<一>.jQuery概述 <1>.概述：由于不同浏览器对JavaScript解析方式有所区别，随着浏览器的不断更新，JavaScript出现了兼容性问题。为解决此问题，出现了许多JavaScript库，使用最为广泛的是jQuery，如今已发展为集JavaScript、CSS、DOM、Ajax于一体的强大框架体系。它的主旨为以更少的代码实现更多的功能(Write less Do more) <2>.jQuery基本功能 1.访问和操作DOM元素 2.对页面事件的处理
Blazor—— 父子组件、嵌套组件以及平行组件，他们到底是如何交互通信的呢？
不忘初心
04-16 4554
前言 现在的前端开发，几乎都是基于组件的研发模式，即把每一块独立的功能切割成独立的组件，然后在大组件里根据需要自由组合这些小组件，使得组件的复用性提高，而小组件更容易测试和修改，从而提升研发的效率。比如按钮、文本框、对话框、点评星星等等都是可以被任意复用的小组件。 那么问题来了，组件之间是怎么进行通信呢？
Jquery调用iframe父页面中的元素及方法
10-21
这些操作对于动态加载内容到iframe以及进行父子页面间的交云非常有用。然而，对于跨域的问题，需要通过其他技术手段（如postMessage API）来解决。文章的总结部分提醒我们，虽然这里介绍的技术在同源情况下非常有用...
JQ父页面子页面互相调用方法、获取元素
杨淞博的博客
10-31 3192
// 子页面调用父页面 $("#父页面元素ID", parent.document); //获取父页面元素 parent.search(); //调用父页面方法 // 父页面调用子页面 $("#iframe的ID").contents().find("#iframe中元素ID"); //父页面获取子页面元素 $("#iframe的ID")[0].contentWindow.s...
测试window对象属性parent、top、self
01-19
有关于JavaScript的window对象属性的测试，self，parent，top。有疑问的朋友可以下载看看。如果没有积分想下载的可以私聊我发资源的链接。
JQuery 主页面调用子页面()中的JS方法，子页面调用主页面的JS方法
glamour2015的博客
03-03 778
<!--主页面中的JS代码--> <script type="text/javascript"> //调用子页面的方法. var childWindow = $("#addFrame")[0].contentWindow; //表示获取了嵌入在iframe中的子页面的window对象。 []将JQuery对象转成DOM对象，用DOM对象的contentWindow获取子页...
JavaScript与页面交互
weixin_30340617的博客
07-04 321
JavaScript与页面交互联系首先要与html标签建立联系，下面来看几种关联标签的方法。 1.通过标签id来关联标签： <body> <h2 id="hh">数据类型</h2> </body> <script> let h2=document.getElementById('hh'); conso...
js jquery父页面 子页面互相调用
虫逗蚊子的博客
09-28 586
1.调用父页面方法：     window.parent.window.test(); // 调用父层window的test方法 window.top.window.test(); // 调用顶层window的test方法 前提是父页面方法要全局访问到，比如放到ready中就访问不到，直接放到下 2.调用子页面方法： window.frames[i].t
关于jq父窗口调子窗口方法，子调父
sinat_41616917的博客
12-25 1506
   jquery 父、子页面之间页面元素的获取，方法的调用： 1. 父页面获取子页面元素：     格式：$("#iframe的ID").contents().find("#iframe中的控件ID").click();     实例：$("#ifm").contents().find("#iBtnOk").click(); // ifm 为 &lt;iframe&gt; 标签 id; ...
jquery、js父子页面操作总结
bcbobo21cn的专栏
03-04 2020
jquery 父、子页面之间页面元素的获取，方法的调用 https://www.cnblogs.com/it-xcn/p/5896231.html 一、jquery 父、子页面之间页面元素的获取，方法的调用： 1. 父页面获取子页面元素： 格式：$("#iframe的ID").contents().find("#iframe中的控件ID").click(); 实例：$(...
iframe的使用示例,父子页面的函数相互调用及元素相互获取
qq_25927437的博客
10-19 312
父页面：parent.jsp &lt;%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;父页面&lt;/title&gt;     &lt;scri
js页面交互----背景图片交换
m4587的博客
08-22 465
实现点击按钮切换背景图并显示当前页面索引，当显示为最后一张图片时，点击下一张返回到第一张图片。
前端使用JavaScript构建交互式用户界面
sybh的博客
07-26 388
JavaScript是前端开发中不可或缺的语言，它赋予网页动态和交互性。本博客将带你深入了解如何使用JavaScript构建交互式用户界面。我们将涵盖DOM操作、事件处理、表单验证、AJAX通信等关键概念和实用技巧，通过实战演示，让你学会如何利用JavaScript打造出令人印象深刻的交互式用户界面。让我们一起开始构建交互式用户界面的JavaScript之旅吧！
jquery中父子页面之间获取元素（比如iframe页面）
最新发布
weixin_51609337的博客
11-22 1475
当前端主页面需要嵌套一个子页面，比如iframe页面，当在父页面执行子页面的操作时，用$('#元素id')就没有效果。这时就需要用到以下知识点，来实现父子页面的相互操作。
jq 滚动页面加载动画
11-15
Jq 是一个功能强大的 JavaScript 库，它可以用来简化网页开发中的许多常见任务。其中一个常见的任务就是对网页进行滚动加载动画的设计，这在用户浏览网页时能够提供更好的视觉体验。 为了实现 jq 滚动页面加载动画...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值