62,248
社区成员
发帖
与我相关
我的任务
分享jquery如何访问iframe里的跨域元素？>>>>>>>>>>
如我的页面，有一个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？
谢谢！
<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？
谢谢！
...全文
请发表友善的回复…
发表回复
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
把那网站 弄过来
[/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
- 打赏
- 举报
不能跨域访问的，这是规则
资源下载链接为：
https://pan.quark.cn/s/1bfadf00ae14
为了通过jQuery获取iframe中的DOM元素，需要注意以下几点。首先，iframe中的内容必须与主页面同域，否则会因浏览器的同源策略而无法访问其DOM元素，因为浏览器的安全机制限制了跨域访问。其次，确保iframe在HTML页面中具有正确的id属性，例如本例中的id为“frame_1”。此外，需要在主页面中引入jQuery库，可以通过在<script>标签中添加在线jQuery库链接来实现，比如本例中使用的是“***”。
在主页面的JavaScript代码中，定义了一个名为getIframeDom()的函数，用于访问iframe中的DOM元素。该函数通过$("#frame_1")选择器找到id为“frame_1”的iframe元素，然后调用.contents()方法获取iframe的文档内容，返回iframe的Document对象。接着，使用.find()方法在该文档中查找特定id的元素，如本例中的id为“test”的元素。选中目标元素后，可以通过jQuery的各种方法进行操作，例如使用test.html()方法获取该元素的HTML内容，并通过警告框显示出来。
在主页面中，通过一个标签触发该函数，点击该标签时执行javascript:getIframeDom();语句。测试页面中的iframe引用了一个本地HTML页面“test.html”，该页面包含一个id为“test”的
元素，内容为“我是测试页面test”。点击链接后，浏览器会弹出一个显示“我是测试页面test”的警告框，表明成功获取了iframe中的DOM元素。
需要注意的是，在操作iframe中的DOM时，必须确保iframe已经完全加载完毕，否则可能无法获取其内部的DOM元素。因此，通常会将相关操作放在
