jquery 自动点击iframe中的按钮

最新推荐文章于 2023-05-26 11:28:04 发布
最新推荐文章于 2023-05-26 11:28:04 发布
阅读量1.3k 收藏
点赞数
文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36134977/article/details/103160321
版权

parent.$("#detailList_iframe").contents().find("#editButton").click();

摆渡睿
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS操作iframe父级子级元素，jquery自动点击iframe里按钮
jijinduoduo的博客
11-27 1267
在父窗口中操作 选中iframe中的id $(window.frames["ifm"].document).find("#id").attr("value",$("#id").val()); 在iframe中操作 选中父窗口中的所有单选钮 $(window.parent.document).find("input[@type='radio']").attr("checked","...
jquery ajax事件_彻底弄懂jquery事件委托的用法
weixin_39604478的博客
11-29 122
jquery总结起来就是对dom、事件处理、ajax的简化，今天给大家介绍下jquery中事件处理中的委托机制。什么是事件委托？事件委托其实利用了事件冒泡机制(当事件发生后，这个事件就要开始传播(从里到外或者从外向里)，简单点来说，比如我们常见的onclick、keydown、keyup等一系列的用户操作绑定给其他元素来做(本应该由这个元素来操作的)，这就是事件委托。为什么不直接操作元素，而用事件...
父窗口jquery触发iframe按钮事件来改变父窗口元素值
椰子园
09-05 4496
$(document).ready(function(e){ 　　 var iframe = document.getElementById("Box"); if (iframe.attachEvent) { iframe.attachEvent("onload", function() { //以下操作必须在ifr
父窗口jquery触发iframe按钮事件(转载)
weixin_33859665的博客
07-30 961
原文地址: http://blog.csdn.net/muziduoxi/article/details/11123923 <script type="text/javascript">$(document).ready(function(e){　　 var iframe = document.getElementById("Box"); if (iframe....
如何使你的网页视频自动播放嵌入的<iframe>视频
weixin_33918114的博客
09-13 2136
试过可以用的 只需在视频链接后面接上?rel=0&amp;autoplay=1 小福利 阿里云优惠券https://promotion.aliyun.com/ntms/act/ambassador/sharetouser.html?userCode=dpi07hp8&utm_source=dpi07hp8 ...
jquery tabs iFrame.docx
02-28
当在iframe中嵌入的页面有按钮需要跳转到新的页面时，使用iframe可以防止整个页面的跳转。这是因为`<iframe>`作为一个独立的浏览上下文，其内部的导航操作不会影响外层的页面结构。 然而，可能会遇到iframe的高度...
jquery 自动收缩浮动在线客服代码
02-17
用户点击客服按钮后，这个窗口将展开，显示QQ客服号码，让用户可以直接发起聊天。 4. **多平台兼容性** - "兼容IE、FF、Google Chrome" 表明该代码已经过优化，能够在不同浏览器环境下正常工作。这通常涉及到对...
jquery自动添加tab
03-11
在"jquery自动添加tab"的场景中，我们可以设计一个动态的导航栏，用户可以输入标题或者网址，系统会自动将其作为新的tab项添加到导航栏中。这涉及到以下几个关键步骤： 1. **HTML结构**：建立基础的tab结构，一般...
jQuery FancyBox 实现点击小图显示大图
12-15
当用户点击小图时，Fancybox 将自动检测到 `data-fancybox` 属性，并加载对应的全尺寸大图。如果多个小图共享相同的 `data-fancybox` 值，它们将被视为同一个画廊。 为了初始化 FancyBox，我们需要在文档加载完成后...
jquery 操作iframe的几种方法总结选择器
qq_32722591的博客
05-26 3899
("#mainframe",parent.document.body).contents().find("someID").html()或者 $("#mainframe",parent.document.body).contents().find("someID").val()一个页面中的所有框架以集合的形式作为window 对象的属性提供，例如：window.frames就表示该页面内所有框架的集合，这和表单对象、链接对象、图片对象等是类似的，不同的是，这些集合是 document的属性。
jquery操作iframe的方法：父页面和子页面相互操作（九种情况）
xiaouncle的博客
05-23 1万+
现实开发中难免会遇到子页面、父页面相互操作的情况，由于时不时地会遇到几次（不是一次），所以就整理了一下父子页面相互相互调用常见的九种情况，作为自己的备忘录，同时也希望对大家有帮助。 一、子页面C1操作父页面P（下述三个方法写在子页面C1中） //获取父页面P中控件的值, btnParent1是子页面C1中的按钮 $("#btnParent1").click(function () { ...
JQuery之操作iframe
优秀程序员的专栏
04-15 2961
1、使用两种方式操作iframe中的元素。原理是跟jquery获取对象是一样的，只不过是先获取了iframe元素，然后在对iframe的内容再次进行操作。 var str = $(window.frames["iframe"].document).find("#ev").html(); var stk = $("#iframe").contents().find("#ev").html();
调用iframe中的按钮点击
J辉的博客
10-19 1万+
index.html<html> <head><meta http-equiv="content-type" content="text/html;charset=utf-8"> <script type="text/javascript"> function callChild(){ //myFrame.window.say(); myFra
【学习】如何用jQuery获取iframe中的元素
weixin_30415801的博客
10-19 309
（我的博客网站中的原文：http://www.xiaoxianworld.com/archives/292，欢迎遇到的小伙伴常来瞅瞅，给点评论和建议，有错误和不足，也请指出。） 说实在的，以前真的很少用到iframe，可最近公司把主要精力放在了研发后台系统上，所以iframe的出场就高了。今天写一个小知识，如何获取iframe中的元素。js原生方法我就不写了，毕竟还是对jquery情有独钟...
为iframe添加onclick事件
weixin_33744141的博客
03-28 1174
如果页面上有iframe时，鼠标点击在iframe内时，包含iframe的document是不响应任何事件的， 例如：  $("#iframe1").click(function(){//点击iframe            alert("点击1"); });或者      $(function(){//给iframe循环绑定click事件            for(var n=1;n&lt...
jQuery Iframe 父页面监听子页面的鼠标点击事件
08-27 1万+
一、父页面加入iframe： &lt;body&gt; &lt;iframe id="ifrmReport" src="/ReportForm/ZKZProblemSummaryPartial" name="ifrmReport" scrolling="no" frameborder="0"&gt;&lt;/iframe&gt; &lt;/body
jq 点击iframe内部元素关闭iframe
我不晓得
08-15 1925
iframes页面 <script> $(window.parent.document).find(".assets_edit").addClass('none'); </script> 引入iframes页面 <div class='assets_edit'> <iframe src=''></iframe> ...
Iframe 和父页面交互+Iframe 的onclick()事件
热门推荐
逸少
12-22 1万+
假设我们做一个下拉框的功能，当鼠标在页面上的其它位置点击一下时，这个下拉框就隐藏掉了，通常在没有iframe时，这个功能很容易做，给document绑定onmousedown或onclick即可，如果页面上有iframe时，鼠标点击在iframe内时，包含iframe的document是不响应任何事件的，所以需要给iframe绑定类似的事件，当iframe指向的是第三方的内容时，还在考虑跨域的问题
jquery获取跨域iframe中内嵌iframe中的元素
最新发布
07-29
对于跨域的情况，由于浏览器的同源策略限制，直接使用 jQuery 的方法是无法获取到嵌套的跨域 iframe 中的元素的。 不过，可以通过使用 postMessage API 进行跨域通信来实现获取跨域 iframe 中的元素。以下是一个示例： 在父页面（当前页面）中： ```javascript // 监听嵌套的跨域 iframe 发送的消息 window.addEventListener('message', function(event) { if (event.origin !== 'https://example.com') { // 设置跨域 iframe 的域名 return; } // 获取嵌套的 iframe 发送过来的数据 var data = event.data; // 在此处处理接收到的数据，可以获取嵌套 iframe 中的元素 var element = $(data).find('#element'); }); // 向嵌套的跨域 iframe 发送消息 var nestedIframe = document.getElementById('nestedIframe'); // 获取嵌套 iframe 的 DOM 元素 var message = '需要获取元素'; // 发送给嵌套 iframe 的消息 nestedIframe.contentWindow.postMessage(message, 'https://example.com'); // 设置跨域 iframe 的域名 ``` 在嵌套的跨域 iframe 中： ```javascript // 监听父页面发送过来的消息 window.addEventListener('message', function(event) { if (event.origin !== 'https://parent.com') { // 设置父页面的域名 return; } // 获取父页面发送过来的数据 var data = event.data; // 在此处处理接收到的数据，可以获取嵌套 iframe 中的元素 var element = $(data).find('#element'); // 将需要获取的元素发送回父页面 event.source.postMessage(element.html(), 'https://parent.com'); // 设置父页面的域名 }); ``` 请注意，上述代码中的 `'https://example.com'` 是跨域 iframe 的域名，`'https://parent.com'` 是父页面的域名，需根据实际情况进行设置。 通过使用 postMessage API，可以实现跨域 iframe 之间的通信，并在父页面中获取到嵌套的跨域 iframe 中的元素。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值