jquery 查找iframe父级页面元素的实现代码
2011-08-28 17:37
841 查看
父页面代码
复制代码 代码如下:
<!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也就表现正常了
复制代码 代码如下:
<!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也就表现正常了
您可能感兴趣的文章:
- JQueryiframe页面操作父页面中的元素与方法(实例讲解)
- jquery、js调用iframe父窗口与子窗口元素的方法整理
- js与jQuery 获取父窗、子窗的iframe
- JQuery操作iframe父页面与子页面的元素与方法(实例讲解)
- iframe里面的元素触发父窗口元素事件的jquery代码
- 使用jquery/js获取iframe父子级、同级获取元素的方法
- JQUERY 获取IFrame中对象及获取其父窗口中对象示例
- jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码
- jQuery实现iframe父窗体和子窗体的相互调用
- 利用JQuery操作iframe父页面、子页面的元素和方法汇总
相关文章推荐
- jquery 查找iframe父级页面元素的实现代码
- jquery 查找 iframe 父级页面元素
- JS Jquery 遍历,筛选页面元素 自动完成(实现代码)
- jquery获得页面元素的坐标值实现思路及代码
- jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码
- jquery操作iframe父级页面元素的方法
- JS Jquery 遍历,筛选页面元素 自动完成(实现代码)
- jquery获得页面元素的坐标值实现思路及代码
- jquery使用iframe实现HTML页面局部刷新代码
- jQuery父级页面获取iframe内的元素
- jQuery页面滚动图片等元素动态加载实现
- jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果(穿越iframe)
- jQuery如何实现点击页面获得当前点击元素
- 使用java的html解析器jsoup和jQuery实现一个自动重复抓取任意网站页面指定元素的web应用
- iframe页面和父页面之间元素查找的方法
- 用 jQuery 获取 iframe 父页面元素
- js与jquery获取父级元素,子级元素,兄弟元素的实现方法
- JQuery操作iframe父页面与子页面的元素与方法
- jquery实现tr元素的上下移动示例代码
- jquery父页面操作iframe里面的元素以及iframe操作父页面的元素