编程 Javascript

jquery 查找iframe父级页面元素的实现代码

Posted in Javascript onAugust 28, 2011

父页面代码

<!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父级页面元素的实现代码

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

深入理解Javascript闭包新手版

Dec 28 Javascript

JS对外部文件的加载及对IFRMAME的加载的实现,当加载完成后,指定指向方法(方法回调)

Jul 04 Javascript

容易被忽略的JS脚本特性

Sep 13 Javascript

js写的评论分页(还不错)

Dec 23 Javascript

导入extjs、jquery 文件时$使用冲突问题解决方法

Jan 14 Javascript

js中arguments,caller,callee,apply的用法小结

Jan 28 Javascript

JavaScript实现防止网页被嵌入Frame框架的代码分享

Dec 29 Javascript

js实现图片从左往右渐变切换效果的方法

Feb 06 Javascript

angularjs使用directive实现分页组件的示例

Feb 07 Javascript

简单谈谈Javascript函数中的arguments

Feb 09 Javascript

详解.vue文件中监听input输入事件（oninput）

Sep 19 Javascript

JS实现点星星消除小游戏

Mar 24 Javascript

基于jquery的多彩百分比动态进度条投票效果显示效果实现代码

Aug 28 #Javascript

一个JQuery写的点击上下滚动的小例子

Aug 27 #Javascript

JavaScript 原型继承之构造函数继承

Aug 26 #Javascript

JavaScript原型继承之基础机制分析

Aug 26 #Javascript

自己动手开发jQuery插件教程

Aug 25 #Javascript

JQuery里面的几种选择器查找满足条件的元素$("#控件ID")

Aug 23 #Javascript

基于JQuery的Select选择框的华丽变身

Aug 23 #Javascript