【javascript – 更改iframe内容jquery】教程文章相关的互联网学习教程文章

修改jquery里的dialog对话框插件为框架页(iframe) 的方法【图】

jquery有个很不错的ui插件,dialog插件,他的官方网站上有各种形式的演示:http://jqueryui.com/demos/dialog/ ,可能大家用得比较多的还是它的默认模式,具体的用法官网上都有,也有中文的讲解地址,我就不再重复了,最近在弄弹出框架页,仔细一看,和dialog插件的modal form 模式很相似,demo演示效果:http://www.lovewebgames.com/addNews.aspx 就是这么个效果,要进行登录注册弹出层,至于为什么我不直接用modal form来做呢?...

JQuery跨Iframe选择实现代码

从父页面中选择iframe中的元素: 代码如下:$(#btnCancel,$(#PopFrame)[0].contentWindow.document) 从iframe页面中选择父页面中的元素: 代码如下:$("#PopContainer",parent.document) 以下内容是别的网友的解决方法:只好用DOM方法与jquery方法结合的方式实现了 1.在父窗口中操作 选中IFRAME中的所有单选钮 $(window.frames["iframe1"].document).find("input[@type=radio]").attr("checked","true"); 2.在IFRAME中操作 选中父...

基于jquery的兼容各种浏览器的iframe自适应高度的脚本

jquery很强大,代码很简单: 代码如下:$("#iPersonalInfo").load(function() { $(this).height($(this).contents().height()); }) 有一点需要注意的,我也在调试的时候才发现的,耽误了不少时间。就是绑定事件必须在iframe加载完毕之前绑定,否则不会执行。 以下是jQuery,load事件的概述 在每一个匹配元素的load事件中绑定一个处理函数。 如果绑定给window对象,则会在所有内容加载后触发,包括窗口,框架,对象和图像。如果绑定...

基于jQuery实现点击同时更改两个iframe的网址

个人推荐用jQuery实现,代码简洁,扩展性强. jQuery部分: 代码如下:function gotourl(url_a, url_b) { $(#ifr_a).get(0).src = url_a; $(#ifr_b).get(0).src = url_b; } html调用: <a href="javascript:void(0)" onClick="gotourl(http://g.cn/,http://baidu.com);">点我下面两个iframe内容都会变</a> <iframe src="http://jb51.net/" id="ifr_a" name="ifr_a" frameborder="0"></iframe> <iframe src="http://s.jb51.net/" id="if...

jquery.boxy插件的iframe扩展代码

代码如下:/* <a href="a.html" onclick="return $.qbox(this);" > <a href="a.html" onclick="return qBox.iFLoad(this);" > <a href="a.html" onclick="return qBox.iFrame({src:b.html})" > Boxy属性不变 新增 w、h、src 属性 qBox.Close();关闭当前窗口 qBox.iFSrc({}); 改变当前窗口的属性及指向 Boxy属性不变 新增 w、h、src 属性 */ //Boxy插件的扩展 jQuery.fn.qbox=function(options){ var node = this.get(0).nodeName.to...

Jquery iframe内部出滚动条

代码如下://调用函数 var pagestyle = function() { var rframe = $("#mainFrame"); //ie7默认情况下会有上下滚动条,去掉上下15像素 var h = $(window).height() - rframe.offset().top - 15; rframe.height(h); } //注册加载事件 $("#mainFrame").load(pagestyle); //注册窗体改变大小事件 $(window).resize(pagestyle);

使用JQUERY Tabs插件宿主IFRAMES【图】

必备的东西: Windows XP/Vista/7/2003/2008 Visual Studio 2005 or 2008 (download the correct version of Home Site project above) .NET Framework 2.0 and ASP.NET AJAX 1.0 今天,很多浏览器提供了使用tab的能力去浏览更多的网页和网站。当然这是一个非常有用的功能来替代同时打开几个浏览器,但如果提供在一个页面中浏览多个网页也非常的不错。 例如,如果你的主页是由很多不同的有用的Web工具或者站点组成,一个tab页面将可...

jQuery解决iframe高度自适应代码

代码如下:<script type="text/javascript"> <!-- $( function() { //iframe高度随内容自动调整 $('.main').load( function() { $(this).height($(this).contents().find("body").attr('scrollHeight')); } ); } ); // --> </script>

JQuery与iframe交互实现代码

在iframe中查找父页面元素的方法: $('#id', window.parent.document) 在父页面中获取iframe中的元素方法: $(this).contents().find("#suggestBox") 在iframe中调用父页面中定义的方法和变量: parent.method parent.value

jquery插件jbox使用iframe关闭问题

此按钮调用close方法关闭,弹出窗口,没有办法关闭,因为close方法需要以个参数,参数应该是那个iframe但是将其传入并不生效,不知道为什么在网上查找也没有找到解决方案。。 最后只好自己改其源码,在其close方法第一句中增加以下代码: if(box==undefined){ box=jBox.boxes[0]; } 然后用:window.parent.window.jBox.close();调用此方法。

用jquery进行修复在iframe下的页面锚点失效问题

应用场景是:iframe页面没有滚动条,在父窗体中出现滚动条,锚点标记就会失效,因为,锚点是根据当前窗口滚动条滚动窗口的,成为子窗体后没有了滚动条,自然不会滚动。 解决办法是:用js判断页面是否被嵌套,用js计算iframe在父窗体位置,锚点在firame中的位置,两者相加成为父窗体的滚动。 遇到问题:获取父窗体元素(因为有域限制,所有需要在网络环境下方位(即http://domain.com));父窗体嵌套多个iframe,判断是否是当前ifr...

jQuery2.2iframe脚本注入的上下文Bug_html/css_WEB-ITnose

最近在iframe中注入脚本,发现jQuery .append()方法和DOM appendChild()方法的区别: DOM API appendChild()方法插入的 创建一个 输出为: window.id == undefined,说明作用域是隔离的。改用jQuery .append()方法插入: var el = idocument.createElement(script);el.text = injected_script;$(idocument.body).append(el); 输出为: window.id == parent,显然jQuery不是单纯调用 appendCh...

jquery操作iframe中的元素和js函数_html/css_WEB-ITnose

1、jquery操作iframe中的元素(2种方式) var str = $(window.frames["iframe"].document).find("#ljiong").html(); var stk = $("#iframe").contents().find("#ljiong").html(); 2、操作父界面中的元素(header:为某个元素的id) $(#header, parent.document).text();window.parent.$("#header").text(); 3、js调用iframe中的js函数(2种) window.frames["ljiong"].window.testIframe2("ljiong"); document.getE...

Golang1.6:使用jQuery.iframe-Transport.js做Ajax文件上传并处理multipartForm_html/css_WEB-ITnose

本文测试环境Golang 1.6, jQuery 1.12.3 之前写过一篇文章: jQuery.iframe-Transport.js来发送Ajax文件上传请求对返回JSON的处理,就是讲使用这个jQuery插件时对返回JSON数据的处理,该插件会内置一个 这样就可以实现 ajax的 multipart/form-data实现,注意这样做主要是为了兼容低版本浏览器,如果不考虑IE < 10的话,可以直接使用XHR2,参考 这个链接. 所以代码还是和以前一样,如下(HTML): JavaScript: // av...

用jquery进行修复在iframe下的页面锚点失效问题_HTML/Xhtml_网页制作【图】

应用场景是:iframe页面没有滚动条,在父窗体中出现滚动条,锚点标记就会失效,因为,锚点是根据当前窗口滚动条滚动窗口的,成为子窗体后没有了滚动条,自然不会滚动。 解决办法是:用js判断页面是否被嵌套,用js计算iframe在父窗体位置,锚点在firame中的位置,两者相加成为父窗体的滚动。 遇到问题:获取父窗体元素(因为有域限制,所有需要在网络环境下方位(即http://domain.com));父窗体嵌套多个iframe,判断是否是当前ifr...