js ifram 字窗口与父窗口之间的dom访问

zz/2024/7/17 21:06:25

今天写的程序涉及到JS框架传值的问题,这些是我找到的一些资料

下面主页面和子页面互相传值的DEMO 如果仅仅需要子页面触发主页面的函数 仅需 [ parent.window.你的函数 ] 就可以了

DOM方法:
父窗口操作IFRAME:window.frames["iframeSon"].document
IFRAME操作父窗口: window.parent.document

jquery方法:
在父窗口中操作 选中IFRAME中的所有输入框: $(window.frames["iframeSon"].document).find(”:text”);
在IFRAME中操作 选中父窗口中的所有输入框:$(window.parent.document).find(”:text”);

iframe 框架的 HTML:<iframe src=”test.html” id=”iframeSon” width=”700″ height=”300″ frameborder=”0″ scrolling=”auto”& gt;</iframe>
细心的朋友一下就能理解,原理其实很简单,就是用到了$(DOM对象)转换成jquery对象。


例子:
主页面
<title>主页面</title>
<script type="text/javascript" src="css_js/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
function showSubValue(){
//var v = window.frames[0].document.getElementByIdx_x("subdiv1").innerHTML;
//alert(v);

var o = $(window.frames[0].document).find(":div#subdiv1");
alert(o.html());
}
</script>
</head>
<body>
<div id="mainDiv">主页面测试数据</div>
<input type="button" value="查看子页面数据" onclick="showSubValue();"/>
<iframe src="sub.html" width="300" height="300"></iframe>
</body>
</html>

子页面:
<script type="text/javascript" src="css_js/jquery/jquery-1.3.2.min.js"></script>
<title>子页面</title>
<script type="text/javascript">
function showMainValue(){
//dom方式
//var v = window.parent.document.getElementByIdx_x("mainDiv").innerHTML;
//alert(v);

//window.parent.document.getElementByIdx_x("mainDiv").innerHTML = "修改后的主页面数据";


//jquery方式
var o = $(window.parent.document).find(":div#mainDiv");
alert(o.html());
}
</script>
</head>
<body>
<div id="subdiv1">子页面测试数据</div>
<input type="button" value="显示父页面数据" onclick="showMainValue();"/>
</body>
</html>

http://www.ngui.cc/zz/2762695.html

相关文章

让js在网页加载时延时运行

window.onload function(){ window.setInterval(function(){ document.getElementById(abc).style.displayblock; },10000);};

Windows下mysql自动备份的几种方法

假想环境&#xff1a;MySQL 安装位置&#xff1a;C:\MySQL论坛数据库名称为&#xff1a;bbs数据库备份目的地&#xff1a;C:\db_bak\新建db_bak.bat&#xff0c;写入以下代码net stop mysqlxcopy c:\mysql\data\bbs\*.* c:\db_bak\bbs\%date:~0,3%\ /ynet start mysql然后使用W…

js解析javaUrl编码

在JAVA中设置了编码格式如下 java.net.URLEncoder.encode(loginName,"gbk"); 但如何在JS中进行urlDecode呢&#xff1f;具体代码如下&#xff1a; <script type"text/vbscript"> <!-- function str2asc(strstr) str2asc hex(asc(strstr)…

apache多域名绑定

用记事本打开appache下面的httpd.conf文件 示例如下&#xff1a; #NameVirtualHost *:80 # # VirtualHost example: # Almost any Apache directive may go into a VirtualHost container. # The first VirtualHost section is used for requests without a known # serve…

tomcat 7: IllegalArgumentException: taglib definition not consistent with specif

tomcat7&#xff0c;部署tomcat6下的项目统&#xff0c;报tomcat 7: IllegalArgumentException: taglib definitionnotconsistentwithspecificationversion错误&#xff0c; 查看日志发现&#xff0c;是web.xml下引入taglib标签的方式有了新的配置要求。 tomcat7.0前版本web.xm…

fedora18 安装后要做的一些事

1. 首先删除一些垃圾软件&#xff0c;免得占用你更新系统的时间&#xff1a;sudo yum -y remove abrt* calligra* ktp* 【其中abrt是bug报告软件&#xff0c;菜鸟们就别整bug提交了&#xff1b;calligra是kde下的默认office软件&#xff0c;太垃圾&#xff0c;俺直接换libreoff…

从request中获得参数Map,并返回可读的Map

/** * 从request中获得参数Map&#xff0c;并返回可读的Map * * param request * return */SuppressWarnings("unchecked")public static Map getParameterMap(HttpServletRequest request) { // 参数Map Map properties request.getParameterMap(); // 返回值Map …

centos 设置开机启动

在CentOS或者RedHat其他系统下&#xff0c;如果是后面安装的服务&#xff0c;如httpd、mysqld、postfix等&#xff0c;安装后系统默认不会自动启动的。就算手动执行/etc/init.d/mysqld start启动了服务&#xff0c;只要服务器重启后&#xff0c;系统仍然不会自动启动服务。 在…

Javanbsp;压缩类库的使用(转)

Java压缩类库的使用-1.总述 压缩是编程中常见的技巧&#xff0c;多用于大文件压缩&#xff0c;数据流压缩等。在Java类库中&#xff0c;内置了jar、ZIP、GZIP、ZLIB等的支持&#xff08;见java.util.zip、java.util.jar包&#xff09;。另外在Apache项目下Ant中ant.jar的org.ap…

Hibernatenbsp;保存返回主键

hibernate插入数据可以用save&#xff08;A&#xff09; 如果要返回主键&#xff0c;则A要实现serializable接口 Serializable pKey session.save&#xff08;A&#xff09;&#xff1b; pKey就是主键