jquery 查找iframe父级页面元素的实现代码
2011-08-28 00:00
896 查看
父页面代码
iframe页面代码
在jQuery的文档上有这样的记录:
jQuery(html, [ownerDocument])
参数
html String
用于动态创建DOM元素的HTML标记字符串
ownerDocument (可选) Document
创建DOM元素所在的文档
还是要多看,细看文档啊,真是所谓:书读百遍,其义自见啊!
------补记--------------------------
在测试时,发现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内嵌页面元素到父页面并全屏化的实例代码
- JS Jquery 遍历,筛选页面元素 自动完成(实现代码)
- JS Jquery 遍历,筛选页面元素 自动完成(实现代码)
- jquery获得页面元素的坐标值实现思路及代码
- jquery使用iframe实现HTML页面局部刷新代码
- jQuery父级页面获取iframe内的元素
- jquery获得页面元素的坐标值实现思路及代码
- jquery怎么讲html页面中指定标签,删除,即从html代码中删除,包括本元素、及其子元素
- jQuery父级以及同级元素查找
- jQuery实现页面滚动时元素智能定位
- 【HTML/JS】利用JQuery的load函数动态加载其它页面的内容的实现代码
- JQuery操作iframe父页面与子页面的元素与方法
- jQuery与javascript对照学习 获取父子前后元素 实现代码
- 使用Jquery获取父级iframe、子级iframe元素
- JQueryiframe页面操作父页面中的元素与方法 .
- JQueryiframe页面操作父页面中的元素与方法
- 【HTML/JS,JQuery】JQuery操作iframe父页面与子页面的元素与方法