Jquery中iframe访问主页面

于 2010-01-18 10:39:00 发布 592 收藏
分类专栏： jQuery 文章标签： iframe jquery ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chl19871024/article/details/5206177
版权

最近写了个例子需要获取到iframe页面中的值

参考网上的代码

$(window.frames["iframe"].document).find("#username") //在IE下可以运行。但是在FF下运行没有反应

查询资料发现 FF读取的是  iframe的name值 IE读取的是 ID值 所以想让FF IE同时兼容 就要写成

$("#iframe").contents().find("#add") 运行后 FF IE都能显示出效果。。

chl19871024
关注
  • 0
    点赞
  • 踩
  • 0
    收藏 更改收藏夹
  • 打赏
    打赏
  • 0
    评论
专栏目录
基于jQuery实现点击同时更改两个iframe的网址
10-29
最近写了两个管理后台的前端页面,其中有一个管理后台,左侧菜单导航和右侧内容页是两个iframe,需求是,点击上面的主导航时,左侧iframe和右侧iframe调用不同的链接.
JQuery 主页面调用子页面(<iframe>)中的JS方法，子页面调用主页面的JS方法
热门推荐
houyanhua1的专栏
01-15 2万+
//调用子页面的方法. var childWindow = $("#addFrame")[0].contentWindow; //表示获取了嵌入在iframe中的子页面的window对象。 []将JQuery对象转成DOM对象，用DOM对象的contentWindow获取子页面window对象。 childWindow.subFunction(); //调用子页面中的subFunction方法
html 同一页面两iframe互传值,解决同一页面中两个iframe互相调用jquery,js函数的方法...
weixin_39717110的博客
06-03 359
解决同一页面中两个iframe互相调用jquery,js函数的方法这一个月又没更新博客，唉，懒癌又犯了，今天解决了一个问题，关于两个iframe互相调用jquery函数方法a.html中有两个iframe,如下：b.html中有一个treeview,称为左菜单iframec.html为b.html中treeview点击后显示的数据,就称为右页面iframe。既然两个页面之间都有关系，存在在a.ht...
【学习】如何用jQuery获取iframe中的元素
weixin_30415801的博客
10-19 233
（我的博客网站中的原文：http://www.xiaoxianworld.com/archives/292，欢迎遇到的小伙伴常来瞅瞅，给点评论和建议，有错误和不足，也请指出。） 说实在的，以前真的很少用到iframe，可最近公司把主要精力放在了研发后台系统上，所以iframe的出场就高了。今天写一个小知识，如何获取iframe中的元素。js原生方法我就不写了，毕竟还是对jquery情有独钟...
iframe中加载html,在iframe中加载外部html并访问内容
weixin_42566121的博客
05-31 1743
我只需要提供src属性即可加载外部页面时，我需要知道如何访问iframe内容。在iframe中加载外部html并访问内容我正在使用iframe在jquery对话框中加载HTML页面。在这里，我不能修改内容(预填充HTML表单的内容)var page = "form.html";var $dialog = $('.html('')我看过here，但它不工作，因为它不知道的HTML内容，但(可能这是我...
iframe ajax post请求,使用Jquery和IFrame的跨子域请求(GET,POST,...)
weixin_39890102的博客
08-06 164
我正在尝试在我的主域(http://foo.com)和我的API(http://api.foo.com)之间开发请求.为了绕过关于跨子域内容的限制,我在主页(http ////foo.com/main.html)上使用iframe,指向iframe.html页面:scripts.api.foo.com.(scripts.api.foo.com和foo.com在同一台服务器上,api.foo.com...
判断IFRAME是否全部载入完成 。调用iframe中的控件出现:错误:拒绝访问,代码:0 。Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法
hljqfl的专栏
01-12 933
判断IFRAME是否全部载入完成   &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"&gt; &lt;meta http-equiv="Pragma" contect="no-cache"&gt; &lt;ti
【转载】用jQuery在IFRAME里取得父窗口的某个元素的值
IT技术宅-北方的刀郎
03-21 223
只好用DOM方法与jquery方法结合的方式实现了 1.在父窗口中操作 选中IFRAME中的所有单选钮/ $(window.frames["iframe1"].document).find("input[ at type='radio']") dot attr("checked","true"); 2.在IFRAME中操作 选中父窗口中的所有单选钮/ $(window.parent.documen
html 同一页面两iframe互传值,内嵌页面iframe以及和其兄弟iframe的相互传值
weixin_31620365的博客
06-03 793
主要知识点1：document.getElementById("ii").contentWindow 得到iframe对象后，就可以通过contentWindow得到iframe包含页面的window对象，然后就可以正常访问页面元素了；2：$("#ii")[0].contentWindow 如果用jquery选择器获得iframe，需要加一个【0】；3：$("#ii")[0].contentWi...
跨域访问html页面传值,js跨域操作,iframe父子兄弟之间调用传值
weixin_42406749的博客
06-09 231
学习一个知识点最好的方法就是自己动手去的实现一些简单的helloworld，虽然可以在网上可以找到很多总结，但自己实现的过程才是自己的，期间遇到问题并解决问题的过程也会让自己记忆理解更加深刻。iframe的调用包括以下几个方面：(调用包含html dom，js全局变量，js方法)主页面调用iframe；iframe页面调用主页面；主页面的包含的iframe之间相互调用；主要知识点1：documen...
driver.get调用iframe中的页面_iframe特性全解读
weixin_39787606的博客
11-22 126
前言在平时的开发中，或多或少会用到iframe，大部分时候我们只需要简单的使用iframe标签，设置个宽高即可，很少回去深究iframe的别的特性。比如这种用法：<iframe src='https://blog.5udou.cn'>但直到产品经理要求说，iframe嵌入的页面可不可以让主页面的url地址发生变化呀？好吧，一下子懵圈了，我得去查查资料，于是索性就深究深究iframe的一...
html5跨域获取页面元素,iframe嵌套页面 跨域
weixin_34342860的博客
06-03 2194
如何用javascript 跨域获取iframe子页面的元素信息我的iframe嵌套在别人页面上，在iframe中ajax访问...以前没这问题啊，我更新了一下界面，难道是换了个jquery版本？只要是同个域名下的文件(即使不在同个文件夹)，就不算跨域。你的parent页面和iframe页面的域名相同么？ 不同级的域名(如一个为主域名，一个为二级域名)会有跨域问题。在父页面中如何修改iframe中...
jquery源码_详细中文注释
huang714的专栏
02-27 2845
/*! * jQuery JavaScript Library v1.10.2 * http://jquery.com/ * Copyright 2005, 2013 jQuery Foundation, Inc. and other contributors * Released under the MIT license * http://jquery.org/license *...
contentWindow 和contentDocument区别 及iframe访问
CSDN_KONGlX的博客
12-18 30
a>contentWindow 兼容各个浏览器，可取得子窗口的 window 对象。b>contentDocument Firefox 支持，> ie8 的ie支持。可取得子窗口的 document 对象。兼容获取document对象：var getIFrameDoc = function(){ var iobj = document.createElement("iframe...
如何跨服务器访问html 页面,html页面如何跨域访问另一页面内容，并将部分内容呈现出来？...
weixin_33542589的博客
06-03 245
html代码：简介我需要将接口界面的部分内容，显示在id为p4的块中，我自己这边服务器请求是跨域访问，如何操作？jquery ajax来完成，load()方法不能跨域，所以不能用；我自己的代码如下：$(document).ready(function(){$.ajax({type:"GET",url:"http://139.196.175.34:9080/nodecorator/getcompan...
jquery获取父/子iframe页面的URL
最新发布
u010244957的博客
12-20 345
jquery获取父/子iframe页面的URL、参数、端口、协议等
iframe和iframe实现页面内嵌套一个页面（jsp）
admin__istrator的博客
07-19 6423
相信刚学习javaweb的同学都十分好奇页面上点击一个按钮下面就显示一个页面，点击不同的导航栏按钮，下方就会显示不同内容，这就用到了iframe标签的src属性。下面就给大家介绍一下iframe的使用及嵌套页面的实现 下面展示一些 内联代码片。 先给大家写一下嵌套页面的实现代码 <iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="${pageContext.request.contextPath}/
js 如何访问跨域的iframe的元素
ayfxo22204的专栏
05-09 2451
iframe与主框架跨域相互访问方法 iframe的操作-Js/Jquery获取iframe中的元素 iframe高度自适应 以下是我根据以上知识做的跨域的demo 下载不能直接运行，放在你的可启动前端服务的项目中运行，注意demo中的访问页面链接地址要对应该修改一下如：http://127.0.0.1:3333/pages/execB.html 链接：https://pan...
js iframe.contentWindow_主页面调用iframe.html
weixin_42193179的博客
12-15 126
// cs.html <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js iframe</title> <script src="lib/jquery/jquery-2.1.4.min.js">&...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

chl19871024

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额：-- )
扫码支付
扫码支付：¥2
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值