main window html
<div id="abbreviative">
<iframe src="tree-min.html" width="100%" height="100%" name="MyIFrame" id="MyIFrame" frameborder='no' scrolling="no" left="0" top="0"></iframe>
</div>
<script type="text/javascript">
///alert('中断...');
</script>
<script type="text/javascript" src="../../jquery/bundle/jquery-1.7.2.js"></script>
<script type="text/javascript" src="scripts/test.js"></script>
<div id="sample1"></div>
javascript
/*** 新增加的功能:初始化参数,参数包括iframe的document和window,对于html,可以使用document操作,函数方法,可以使用window操作
*/
var ifDoc = null;
var ifWin = null;
init = function(){
console.log('进来 了?');
if (document.all){//IE
ifDoc = document.frames["MyIFrame"].document;
ifWin = document.getElementById("MyIFrame").window;
}else{//Firefox
ifWin = document.getElementById('MyIFrame').contentWindow;
ifDoc = document.getElementById('MyIFrame').contentDocument || document.getElementById('MyIFrame').contentWindow.document;
}
}
$(function(){
init();
//alert(nodeid+', '+upd);
//ifDoc.getElementById("sample1").style.background="red";;
ifWin.t.collapseNode(nodeid, upd);
})
tree-min.html
<script type="text/javascript">
testOne = function(){
alert('hello,World!!!');
}
var t = null;
testFn = function(){
alert('调用子窗口成功!');
}
var parw = window.parent;
$(function(){
parw.test();
var items = $(parw.document).find('.toggle');
items = $(parw.document.body).find('a');
$(items).bind('click',function(){
console.warn(this);
});
})
</script>
<body>
<div id="sample1"></div>
<div id="move-div"></div>
</body>
分享到:
相关推荐
子窗口iframe提交后跳转到父窗口,总结四种方法。
JavaScript实现IFrame子窗口调用父窗口的全局变量
NULL 博文链接:https://terryang.iteye.com/blog/292913
HTML中IFrame父窗口与子窗口相互操作
弹出DIV可拖动窗口示例(编辑窗口/iframe/等待/确认) 弹出DIV可拖动窗口示例(编辑窗口/iframe/等待/确认)
①ie7、ie8、firefox及chrome中设置固定后方页面内容(禁止后方的滚动条滚动) ②ie9及以上浏览器中只固定iframe页面,后方页面内容将随着滚动条滚动【原因使用禁止代码时出错】
js_弹出窗口_iframe
js操作iframe的一些知识,操作iframe
jbox是很好的ajax窗口,支持iframe,
iframe的DOM操作 iframe的DOM操作 iframe的DOM操作 iframe的DOM操作
这个库允许的高度与同跨域iframe来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能,其中包括: 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...
iframe和父窗口通讯实例~ 包括js和html代码~
Iframe自动根据类容改变自己的大小,解决Iframe设置高度后无法缩小!拜一个高人所赐,特表示感谢!
Div iFrame 做的面向对象小窗口
本篇主要是对JS操作iframe里的dom进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,这里收集一些基本操作 DOM方法:父窗口操作IFRAME:window.frames[“iframeSon”].documentIFRAME操作父窗口: window.parent.document jquery...
JS获取iframe内容【简化版】
iframe框架中实现打开多窗口方法
博文链接:https://hongan.iteye.com/blog/245498
弹出窗口_背景固定_iframe