js,jquery获取iframe内控件

最新推荐文章于 2022-07-10 11:41:54 发布
转载 最新推荐文章于 2022-07-10 11:41:54 发布 · 421 阅读 · 0 ·
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解决兼容性问题。

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 658
Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法。
踩坑-iframe中父类和子类的元素和方法的调用
Too_Soup_Soup的博客
09-15 579
踩坑-iframe中父类和子类的元素和方法的调用
Js获取iframe中的元素
nbme的博客
05-20 8890
1.iframe中不存在name和id的方法 var iframe = document.getElementsByTagName('iframe')[0].contentWindow iframe.document.querySelector("#元素") 2.iframe中存在name或者id var iframe = document.getElementById('iframeId') iframe.querySelector("#元素") 3.子窗口获取父窗口的元素 v...
iframe详细介绍
曹定栓的博客
07-23 2674
iframe详细介绍iframe标签介绍获取iframe中的内容 iframe标签介绍 iframe 元素会创建包含另外一个文档的内联框架（即行内框架类型inline-block）。 提示：您可以把需要的文本放置在 <iframe> 和 </iframe> 之间，这样就可以应对无法理解 iframe 的浏览器。 常用属性： 属性 值 描述 src URL 规...
获取页面内iframe里面的元素
weixin_30654583的博客
07-17 123
结构直接看图比较直接 这里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内的元素方法实例演示
使用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”的元素，并...
JS访问iframe内容页中的控件
weixin_33737134的博客
03-25 176
JS访问iframe内容页中的控件(不支持跨域访问)： var viewFrameLength = document.getElementsByTagName("iframe").length; alert(viewFrameLength) if(viewFrameLength &gt; 0) {     for(var i = 0; i &lt; viewFrameLength; i+...
关于获取弹出的子窗口中datagrid选中的值
qq_40085888的博客
11-14 874
对于常见的一个普通窗口,可以用以下的方式进行弹出窗口和获取选中的datagrid中的row function chooseXxx() { var dia = top.sy.iframeDialog({ id:'u_frame', title : '示例标题', height: $(top).height()...
获取表单控件名 java_Javascript和Java获取各种form表单信息的简单实例
weixin_29213525的博客
02-16 166
大家都知道我们在提交form的时候用了多种input表单。可是不是每一种input表单都是很简单的用Document.getElementById的方式就可以获取到的。有一些组合的form类似于checkbox或者radio或者select我们如何用javascript获取和在服务器中获取提交过来的参数呢?多说无用、上代码:Jsp-html代码：复制代码代码如下:name="formkk">...
父页面和iframe页面之间信息传递的方式——postMessage
zhq_zvik的博客
01-29 601
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 ---发送窗口所在的域。 .
js获取iframe里面的元素
weixin_33762130的博客
01-17 779
直接获取不行   var  win2 = document.querySelector('iframe[width = "1280" ]').contentWindow; var loginName = win2.document.querySelector('#personalInfo td').innerText;   这样就能够取到元素了。...
关于iframe的查找元素的几种情况
二月的博客
08-02 1933
iframe 嵌套多层 获取到最外层iframe 不跨域的前提下，window.top就能获得最顶层的window对象，可以通过window.top.document.getElementById(...)或window.top.$(...)来查找元素了 在父窗口中获取Iframe中的元素 JQ：方式1: $("#iframe的id").contents().find("#iframe中...
iframe 通信和跨域通信
starwmx520的博客
06-06 7730
几年前页面里使用iframe嵌套使用的还是很多的。 以下是多种使用方法： 1、同域下嵌套： 父页面： window.onload=function(){ //父页面修改iframe var docu=document.querySelector('#iframe2'); docu.contentWindow.document.querySelector('#div
解决iframe同源或跨域父子页面通信的问题
weixin_64141611的博客
07-10 1822
同源情况下，直接可以获取iframe内嵌页面的dom对象 跨域情况下，可以通过父子页面传参来实现
原生js实现获取iframe标签中的document
qq_43332570的博客
07-04 3947
需求：在父容器中获取页面中iframe标签中的div元素并改变样式 效果图如下： 实现代码 其实实现起来也特别的简单，只不过要注意等页面加载完成在去找iframe中的元素才能找到，完整代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s
获取Iframe中的元素
忘川
01-19 7442
使用JQuery在父窗口中获取Iframe中的元素： 格式： $("#iframe的id").contents().find("#iframe中控件的id").事件(); // 方式1 $("#iframe中控件的id",document.frames("iframe的name").document).事情(); // 方式2 事例： $("#iframeId").conte...
c# 在iframe内 获取母板页控件值
最新发布
09-22
在C#中，如果你想要在一个嵌入（iframe）内的内容页面（通常是ASP.NET Web Forms应用或MVC视图）获取宿主母版页或主页面的控件值，你需要考虑以下几个步骤，因为这通常涉及客户端和服务器端交互： 1. **AJAX（Asynchronous JavaScript and XML）请求**: - 在IFrame中的JavaScript可以通过XMLHttpRequest或jQuery的$.ajax方法发起异步请求到母版页的控制台URL。 - 示例代码（假设你的母版页有一个名为`MyControl`的`asp:Label`控件）: ```javascript function getValueFromMasterPage() { $.ajax({ type: "GET", url: "@Url.Content("~/YourMasterPage.aspx")", // 替换为你的母版页地址 data: { id: "yourControlUniqueId" }, // 如果需要传参 success: function(result) { var masterValue = result Masterserver.MyControl.Text; // 切记在母版页上正确的命名空间和控件名 console.log(masterValue); }, error: function(xhr, status, error) { console.error("Failed to fetch value from master page: ", error); } }); } ``` 2. **使用WebMethod**: - 在母版页上，创建一个`WebMethod`，它接收一个参数，并返回你需要的值。 - 从IFrame中调用这个方法，同样使用Ajax。 ```csharp [WebMethod] public static string GetMasterControlValue(string controlId) { Label myControl = (Label)Master.FindControl(controlId); // 控制器查找 return myControl.Text; } ``` 3. **服务器端验证**: - 验证用户是否有权访问这些信息，尤其是如果它们包含敏感数据。 需要注意的是，由于安全原因（同源策略），这种跨域通信在现代浏览器中受到限制，除非母版页和内容页面在同一域下。如果你需要在不同域间通信，你可能需要借助JSONP、CORS或其他技术来绕过同源策略。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值