jquery如何访问iframe里的跨域元素？>>>>>>>>>>

gxingmin 2010-11-08 02:22:32

如我的页面，有一个iframe ，其src属性是个跨域的页面
<iframe id="tts" style="width:800px; height:600px;" src="http://www.oddcast.com/home/demos/tts/tts_example.php?sitepal"></iframe>

我想用jquery访问iframe里的一个文本框textToSay
(注意http://www.oddcast.com域名和我页面的域名不一样)

用下面方式提示jquery没有权限，
var textToSay = $("#tts").contents().find("#textToSay");

请问有没有其他方法能访问iframe里的一个文本框textToSay？

谢谢！

...全文

6155 8 打赏收藏转发到动态举报

写回复

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

persuit666 2010-11-08

打赏
举报

回复

应该可以吧，获取那个网页的全部html代码，是个 xml格式，然后从xml 里面找

loadown 2010-11-08

打赏
举报

回复

除非你能修改那个网站的HTML，允许和你的站点互信，就可以跨域了。

阿非 2010-11-08

打赏
举报

回复

不是jQ 的问题，正如孟老大说的 js 不能跨域

wjy217213 2010-11-08

打赏
举报

回复

这个确实不好弄，呵呵

gxingmin 2010-11-08

打赏
举报

回复

[Quote=引用 3 楼 yewuqing007 的回复:]
把那网站弄过来
[/Quote]
我倒想弄呢，弄了半天，无效（发不了声音），请看我这个帖子
http://topic.csdn.net/u/20101105/17/dbd5d0bf-3da5-486a-9f49-90d5904bcb51.html

devin_jia 2010-11-08

打赏
举报

回复

把那网站弄过来

gxingmin 2010-11-08

打赏
举报

回复

哦，那还有其他方法了吗？

孟子E章 2010-11-08

打赏
举报

回复

不能跨域访问的，这是规则

ajax跨域访问是一个老问题了，解决方法很多，比较常用的是JSONP方法，JSONP方法是一种非官方方法，而且这种方法只支持GET方式，不如POST方式安全。即使使用jquery的jsonp方法，type设为POST，也会自动变为GET。如果跨域使用POST方式，可以使用创建一个隐藏的iframe来实现，与ajax上传图片原理一样，但这样会比较麻烦。因此，通过设置Access-Control-Allow-Origin来实现跨域访问比较简单。

http://www.jb51.net/article/34942.htm 收集利用Jquery取得iframe中元素的几种方法 : 父页面访问子页面 $(document.getElementById('tabiframe0').contentWindow.document.body).find('.subscription').text() 测可用转载于:https...

前几天，在原有功能上追加功能，jsp页面是已经存在了的，通过jquery获取元素总是获取不到，很奇怪，所以就仔细的看看了看jsp，原来那段代码是iframe里面的，虽然经常用jquery，但我一开始还真不知道iframe里面的东西，按照我们通常的方式取不到，所以查了下发现，jquery里面有个这个方法contents()。下面直接贴下简单的代码示例：<iframe src="/test/demo.h

现在，我们可以在浏览器中打开主页面.html，并点击"调用接口"按钮来测试跨域接口调用是否成功。当按钮被点击时，主页面会向嵌入的iframe页面发送一条消息，嵌入的iframe页面会接收到消息并执行相应的操作。在主页面.html中，我们需要包含jQuery库，并创建一个iframe元素，用于加载嵌入的iframe页面。首先，我们需要准备两个HTML文件，一个作为主页面（主页面.html），另一个作为嵌入的iframe页面（iframe页面.html）。主页面用于调用嵌入的iframe页面中的接口。

1.有时候我们页面中要加入一个或者多个iframe，这个时候难免会需要跨域获取元素，例如，window和iframe间相互获取数据参数， 2.window获取iframe中的某个元素， //引入jquery,frame[i],i指的是页面中frame的index $(window.frames[0].document).find("#id").prop("outerHTML"); 3.if

62,046

社区成员

669,048

社区内容

发帖

与我相关

我的任务

javascript云原生企业社区

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章