js,jquery获取iframe内控件

最新推荐文章于 2024-09-07 16:10:51 发布
最新推荐文章于 2024-09-07 16:10:51 发布
阅读量393 收藏
点赞数
CC 4.0 BY-SA版权
原文链接：https://www.cnblogs.com/sdnu/p/5372953.html
本文介绍了如何解决jQuery EasyUI在跨iframe环境下对datagrid进行刷新的问题。针对浏览器兼容性问题，提供了两种解决方案：一是使用`parent.$(iframe[title='tabtitle']).contents().find(#dg).datagrid(reload);`，但此方法在某些浏览器中可能无效；二是通过`parent.$(iframe[title='tabtitle']).get(0).contentWindow.$(#dg).datagrid(reload);`，通过获取DOM对象并转换为DOM解决兼容性问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

js-iframe

document.querySelector("iframe[src = 'xxx']").contentWindow.document.getElementById('xxx')

jquery-easyui跨iframe属性datagrid

解决方法

(1) parent.$("iframe[title='tabtitle']").contents().find("#dg").datagrid("reload");

      这种写法有些浏览器不兼容，不起作用；

(2) parent.$("iframe[title='tabtitle']").get(0).contentWindow.$("#dg").datagrid("reload");

   get(0)表示满足条件的第一个iframe dom对象，由jquery转换为dom可以解决兼容性问题。

钟锦程
关注
【项目实战】动态修改，js与jQuery 获取父窗、子窗的iframe
本本本添哥
12-08 554
Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法。
获取页面内iframe里面的元素
weixin_30654583的博客
07-17 113
结构直接看图比较直接 这里window.frames获取的是iframe的数组 要记得给iframe加个ID才行 后面的记录会详细讲解 在父窗口获取页面内的iframe 里面的元素window.frames['ifm'].contentWindow.document.getElementById('focus001').style.display="none"; ...
JavaScript 技术篇-js获取iframe内的元素方法实例演示
热门推荐
小蓝枣的博客
04-08 1万+
var a = document.querySelector("iframe") 获取到 iframe。 var b = a.contentWindow.document 获取到 iframe 里的 document。 b.getElementById("...") 就能获取到 iframe 里指定 id 的元素了。 JavaScript 技术篇-js获取iframe内的元素方法实例演示
JS访问iframe内容页中的控件
weixin_33737134的博客
03-25 163
JS访问iframe内容页中的控件(不支持跨域访问)： var viewFrameLength = document.getElementsByTagName("iframe").length; alert(viewFrameLength) if(viewFrameLength > 0) {     for(var i = 0; i < viewFrameLength; i+...
关于获取弹出的子窗口中datagrid选中的值
qq_40085888的博客
11-14 859
对于常见的一个普通窗口,可以用以下的方式进行弹出窗口和获取选中的datagrid中的row function chooseXxx() { var dia = top.sy.iframeDialog({ id:'u_frame', title : '示例标题', height: $(top).height()...
获取表单控件名 java_Javascript和Java获取各种form表单信息的简单实例
weixin_29213525的博客
02-16 156
大家都知道我们在提交form的时候用了多种input表单。可是不是每一种input表单都是很简单的用Document.getElementById的方式就可以获取到的。有一些组合的form类似于checkbox或者radio或者select我们如何用javascript获取和在服务器中获取提交过来的参数呢?多说无用、上代码:Jsp-html代码：复制代码代码如下:name="formkk">...
使用jquery/js获取iframe父子级、同级获取元素的方法
10-21
这里使用了jQuery的contents()方法来获取iframe内的document，然后用find()方法找到目标控件，并执行click()操作。我们还看到了另一种方式，即使用document.frames集合： ```javascript $("#iframe中的控件ID", ...
js与jQuery 获取父窗、子窗的iframe
12-10
然而，当涉及到不同窗口或框架间的交互时，就需要用到特定的JavaScript或jQuery方法来获取并操作彼此的元素。以下将详细讲解如何在JavaScript和jQuery中实现这一目标。 **JavaScript 获取父窗口与子窗的iframe元素*...
JQUERY 获取IFrame中对象及获取其父窗口中对象示例
10-26
在上面的例子中，我们首先通过id选择器“#iframe的ID”选中了iframe元素，然后通过“contents()”方法获取了iframe的文档内容，接着使用“find”方法在iframe的文档内容中查找id为“#iframe中的控件ID”的元素，并...
iframe详细介绍
曹定栓的博客
07-23 2637
iframe详细介绍iframe标签介绍获取iframe中的内容 iframe标签介绍 iframe 元素会创建包含另外一个文档的内联框架（即行内框架类型inline-block）。 提示：您可以把需要的文本放置在 <iframe> 和 </iframe> 之间，这样就可以应对无法理解 iframe 的浏览器。 常用属性： 属性 值 描述 src URL 规...
js获取iframe里面的元素
weixin_33762130的博客
01-17 764
直接获取不行   var  win2 = document.querySelector('iframe[width = "1280" ]').contentWindow; var loginName = win2.document.querySelector('#personalInfo td').innerText;   这样就能够取到元素了。...
关于iframe的查找元素的几种情况
二月的博客
08-02 1902
iframe 嵌套多层 获取到最外层iframe 不跨域的前提下，window.top就能获得最顶层的window对象，可以通过window.top.document.getElementById(...)或window.top.$(...)来查找元素了 在父窗口中获取Iframe中的元素 JQ：方式1: $("#iframe的id").contents().find("#iframe中...
原生js实现获取iframe标签中的document
qq_43332570的博客
07-04 3900
需求：在父容器中获取页面中iframe标签中的div元素并改变样式 效果图如下： 实现代码 其实实现起来也特别的简单，只不过要注意等页面加载完成在去找iframe中的元素才能找到，完整代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s
父页面和iframe页面之间信息传递的方式——postMessage
zhq_zvik的博客
01-29 578
parent page: document.querySelector('iframe').contentWindow.postMessage({ type: 1, msg: 'postMessage TEST parent -> son' }) son page: let that = this window.onmessage = function (e) { // e.data --接收到的字符串。 // e.source ---发送窗口所在的域。 .
获取Iframe中的元素
忘川
01-19 7378
使用JQuery在父窗口中获取Iframe中的元素： 格式： $("#iframe的id").contents().find("#iframe中控件的id").事件(); // 方式1 $("#iframe中控件的id",document.frames("iframe的name").document).事情(); // 方式2 事例： $("#iframeId").conte...
JavaScript 遍历 from 表单所有控件
wgchen
04-13 1591
阅读目录JavaScript 遍历 from 表单所有控件 源码源码解析JavaScript 访问表单（四种方法）源码解析 JavaScript 遍历 from 表单所有控件 源码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>演示文档</title> <style type="text/css"> /* input{bac
在JavaScript中如何选择一个`iframe`内的元素
qq_42214739的博客
09-07 803
在JavaScript中如何选择一个`iframe`内的元素
页面获取iframe中的控件
school104的专栏
09-21 1254
             marginwidth="0" marginheight="0"         scrolling="no" frameborder="0" width="85%" align="top">       var objFrame = document.getElementById(centerFrame).contentWindow; var
document获取iframe_关于iframe生成图片
weixin_39787594的博客
11-29 624
接到一个需求：在h5 parent上需要iframe嵌入第三方页面child，同时需要操作生成长图，拿着这个需求的时候，想着只要获取到第三方页面的dom元素了，利用html2canvas就能解决了，你以为就是你以为的吗？ 想法1: 子页面传高度给父页面 为什么会有上面的的想法呢，是因为html2canvas需要width、height。width通过document.body.offsetWid...
c# 在iframe内 获取母板页控件值
最新发布
09-22
在C#中，如果你想要在一个嵌入（iframe）内的内容页面（通常是ASP.NET Web Forms应用或MVC视图）获取宿主母版页或主页面的控件值，你需要考虑以下几个步骤，因为这通常涉及客户端和服务器端交互： 1. **AJAX...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值