jquery 查找 iframe 父级页面元素
2011-08-24 10:20
633 查看
父页面代码
iframe页面代码
在jQuery的文档上有这样的记录:
jQuery(html, [ownerDocument])
还是要多看,细看文档啊,真是所谓:书读百遍,其义自见啊!
------补记--------------------------
在测试时,发现chrome如何也不能实现上述要求,后来看到网上有人指出iframe不能跨域,这是问题之一,另一个原因是要放到一个站点中去测试
如:http://localhost:8087/test.html
这样chrome也就表现正常了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <div style="height:300px; background-color:#CC9900"></div> <div> <iframe src="test_iframe.html"></iframe> </div> </body> </html>
iframe页面代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script> $("body",parent.document).append('hahaha'); </script> </head> <body> iframe test--@mybest </body> </html>
在jQuery的文档上有这样的记录:
jQuery(html, [ownerDocument])
参数
html String
用于动态创建DOM元素的HTML标记字符串ownerDocument (可选) Document
创建DOM元素所在的文档还是要多看,细看文档啊,真是所谓:书读百遍,其义自见啊!
------补记--------------------------
在测试时,发现chrome如何也不能实现上述要求,后来看到网上有人指出iframe不能跨域,这是问题之一,另一个原因是要放到一个站点中去测试
如:http://localhost:8087/test.html
这样chrome也就表现正常了
相关文章推荐
- jquery 查找iframe父级页面元素的实现代码
- jquery 查找iframe父级页面元素的实现代码
- jQuery父级页面获取iframe内的元素
- jquery操作iframe父级页面元素的方法
- iframe页面和父页面之间元素查找的方法
- jquery父页面操作iframe里面的元素以及iframe操作父页面的元素
- JQuery iframe页面通过parent方法操作父页面中的元素与方法(实例讲解)
- JQueryiframe页面操作父页面中的元素与方法
- JQuery操作iframe父页面与子页面的元素与方法
- Jquery 获取 iframe 父页面与子页面的元素和方法
- 超简洁的jquery操作页面中iframe内的dom元素
- JQueryiframe页面操作父页面中的元素与方法 .
- JQuery操作iframe父页面与子页面的元素与方法
- iframe页面和父页面之间元素查找的方法
- jquery查找frameset框架内iframe的元素
- 使用Jquery获取父级iframe、子级iframe元素
- Jquery调用iframe父页面中的元素及方法
- 用 jQuery 获取 iframe 父页面元素
- JQueryiframe页面操作父页面中的元素与方法(实例讲解)
- 用Jquery获取iframe父页面元素