Jquery iframe 状态监听

最新推荐文章于 2023-08-25 12:06:01 发布

原创最新推荐文章于 2023-08-25 12:06:01 发布 · 5.2k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#iframe #jquery #function #测试

收录于

本文描述了一种在修改iframe源后进行内部页面元素操作时遇到的问题。若不使用alert()触发加载完成，某些操作无法生效。通过使用jQuery的.load()方法来确保iframe加载完毕后再执行后续操作，成功解决了这一难题。

今天做项目的时候碰到这样一个情况，在用某种情况下改变iframe 的src之后，然后进行内部页的

元素操作，奇怪的现象发生了。

在操作之前我必须先 alert()一下然后再操作才能出现预定的效果，否则死活出不来。

经过简单的测试发现问题可能出现在iframe的状态加载上。

于是尽心了状态判断:

code:

$("#iframeID").load(function(){

//do something

});

ok,期待已久的结果终于出现了。fuck!!

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

xylz_yang

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

用iframe提交表单，主要是将表单提交到iframe中，可实现无刷新提交。

03-05

用iframe提交表单，主要是将表单提交到iframe中，可实现无刷新提交。 html页面：用户名：密码： php页面:

捕捉IFrame SRC改变事件

04-30

页面中的使用到Iframe时，我们如何需要对IFrame中页面是否改变进行判断，我们可以使用到window.onbeforeunload事件.

1 条评论您还未登录，请先登录后发表或查看评论

jquery下控制iframe页面form提交的问题备忘

LandWay的潜水区

11-23

1万+

首先有两个页面，暂且设为A和B。B是A的子页面，即A的iframe中是B，A中除了一个iframe还有一个from这个form的id为frm：这是A： othersubmit <iframe id="sup" src="supindex.html" mce_src="supindex.html" width="100%" height=

获取iFrame框架中Form表单提交后的结果

xwnxwn的专栏

05-28

9283

xhEditor中的方式是：先提交Form表单,Form.submit();然后再设置iFrame加载完成事件，用于获取表单提交成功后的结果,iFrame.load(loadFunc()); loadFunc方法中，获取表单提交结果的方法如下：Var responseTxt = $(iFrame.contentWindow.document.body).text()；若responseTxt

如何让页面监测Iframe页面的状态？

高雄的专栏

10-13

2467

不知道这个应用有多少场合会用到呢？反正我们目前需要这样的需求。目前通过javascript似乎没法监测子页面的状态，虽然HTML5给IFrame加了一个contentDocument，但是仍然无法通过这个对象将子页面的状态返回给父页面的js来监测。于是乎，

jQuery load() 判断 iframe 是否加载完毕

weixin_33777877的博客

12-04

1128

判断 iframe 是否加载完毕方法、jQuery load() Js代码 varfrm=document.getElementById('myiframe'); $(frm).load(function(){//等iframe加载完毕 dosomething(); });...

html中iframe全屏显示,支持iframe自适应,并全屏iframe_html/css_WEB-ITnose

weixin_42354933的博客

06-15

1135

support iframe responsive and fullscreen iframe(支持iframe自适应,并全屏iframe)###################################################################1.use jquery iframe resizer(it will autoresize iframe when con...

判断Iframe是否加载完毕，加载完毕后对Iframe上的元素进行修改

weixin_43955340的博客

04-10

485

var oFrm = document.getElementById('Iframe4'); oFrm.onload = oFrm.onreadystatechange = function () { if (this.readyState && this.readyState != 'complete') { //alert("加载中。。。"); ...

html实现iframe全屏

weixin_43992507的博客

08-25

3060

html实现iframe全屏

jQuery Iframe 父页面监听子页面的鼠标点击事件

08-27

1万+

一、父页面加入iframe： <body> <iframe id="ifrmReport" src="/ReportForm/ZKZProblemSummaryPartial" name="ifrmReport" scrolling="no" frameborder="0"></iframe> </body

Jquery实现iframe功能

11-17

打包好了直接下载可用。运行main.html。但代码显示有乱码，自己修改查。

JQuery判断子iframe何时加载完成解决方案

10-26

需要知道iframe何时加载完成，用JQuery很简单就能实现，具体如下，感兴趣的朋友可以参考下，希望对大家有所帮助

v-model --双向数据绑定

qq_45802159的博客

01-03

3499

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

frame 监听按键事件

风小猪的博客

04-20

1616

当按下相关按键时，控制台会输出对应信息。

使用layer的iframe层提交表单后，需要关闭当前的iframe层，然后刷新父页面的方法...

weixin_33901843的博客

06-09

222

参考文档：https://blog.csdn.net/u011020900/article/details/52083166 <script type="text/javascript" src="/lib/js/jquery.js"></script> <script type="text/javascript" src="/lib...

使用jquery.form.js提交表单并获取后台返回值

北冥有雨

09-27

3219

使用jquery.form.js提交表单并获取后台返回值,会把所有有name属性的值提交到后台 1.前台js代码 //使用jquery.form.js提交表单并获取后台返回值,会把所有有name属性的值提交到后台 $("#frm-reg").ajaxSubmit(function (data) { if (data.result == 1) { layer.msg(data.msg, { icon : 1, time : 1000 }, function() { var i

jQuery获取iframe内的DOM对象并提交iframe的表单

tanghier的专栏

10-16

783

DOM获取页面中的iframe: window.frames["iframeChild"].document //假如iframe的id为iframeChild window.parent.document //在子窗口中操作父窗口获取页面的对象其实就是DOM方法外面加上jquery的选择符： $(window.frames["iframeChild"].do

Jquery插件之ajaxForm

weixin_30484739的博客

12-12

683

如今ajax满天飞，作为重点的form自然也受到照顾。其实，我们在平常使用Jquery异步提交表单，一般是在submit()中，使用$.ajax进行。比如： $(function(){ $('#myForm').submit(function(){ $.ajax({ url:"/WebTest/test...

Form表单提交之后，获取返回值