var api = frameElement.api;  //当前

W = api.opener;//父页面
W.setPerSel(jsonStr);
api.close(); //关闭窗口

js操作frame详细解说,window.opener和window.parent的区别

frame框架里的页面要改其他同框架下的页面或父框架的页面就用parent
window.opener引用的是window.open打开的页面的父页面。

window.frames对象可以引用iframe里的页面,也可以引用frameset里的页面.

可以这样
window.frames[0].document.getElementById('xx');
可以这样
window.frames[0].document.body.innerHTML;

frm = window.parent.window.frames['uploadFrame'];
frmDocument = frm.document;
frm.sb(3); //sb 是uploadFrame页面里的一个函数

对于firefox
如果你遇到报错:parent.document.frames has no properties
换为如下代码就可以了,这个代码IE,ff兼容. frm = window.parent.window.frames['uploadFrame'];其实 frames 集合并不是挂在 document 而是挂在 window 对象下.

注意这样修改frame里的页面有限制,就是必须是同域下的,否则无法访问
如果是同一域下,但是子域名不同,那么涉及到的js,html文件都加上一句。
document.domain = xxx.com [这里填写你的域名]

document.getElementById('iframeid').contentWindow.document.getElementById('someelementid');

JS原生父子页面操作相关推荐

  1. jquery、js父子页面操作总结

    jquery 父.子页面之间页面元素的获取,方法的调用 https://www.cnblogs.com/it-xcn/p/5896231.html 一.jquery 父.子页面之间页面元素的获取,方法 ...

  2. js 原生跨页面通信_DOM操作是跨线程的你知道吗?

    在JS世界里面浏览器有两个重要的功能,分为渲染引擎和JS引擎.渲染引擎专门负责渲染Html和css的,JS引擎是专门用来执行JS的.这两个引擎是在不同的线程里面,它们都自己做着自己的事情,互不打扰. ...

  3. 使用js设置快捷键操作页面,js热键控制页面操作

    <script type="text/javascript">//判断是否是IE浏览器 ie = (document.all) ? true : false;//jiy ...

  4. 大数据WEB阶段 Js常用的页面操作

    window.location.reload();//刷新 window.history.go(1);//前进 window.history.go(-1);//返回+刷新 window.history ...

  5. JS iframe父子页面元素调用方法 window parent top 解释

    父窗口调用子窗口 var hasMore = parent.document.getElementByIdx_x_x_x("hasMore").value; 子窗口调用父窗口 do ...

  6. js取iframe 上级页面_原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法...

    用原生js在父页面获取iframe子页面的元素,以及在子页面获取父页面元素,这是平时经常会用到的方法,这里写一个例子来总结下: 1.父页面(demo.html),在父页面修改子页面div的背景色为灰色 ...

  7. layer中嵌套的页面如何操作父页面_layui框架中layer父子页面交互详细解说

    本文主要介绍了layui框架中layer父子页面交互的方法,结合实例形式分析了layer父子页面交互的常用技巧以及layer弹出多个iframe找到父页面的操作方法,需要的朋友可以参考下,希望给大家的 ...

  8. JAVA怎么实现网页退出系统_java后台实现js关闭本页面,父页面指定跳转或刷新操作...

    关闭本页面,跳转到百度 response.setCharacterEncoding("gbk"); PrintWriter out=response.getWriter(); ou ...

  9. ajax json 渲染 html,jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例

    本文实例讲述了jquery+ajax+js实现请求json格式数据并渲染到html页面操作.分享给大家供大家参考,具体如下: 1.先给json格式的数据: [ {"id":1,&q ...

最新文章

  1. 重磅直播 | 图像对齐算法
  2. Unsupervised Personalized Feature Selection--阅读笔记
  3. 全差分运算放大器ADA4940的分析
  4. 机器学习(二十五)——强化学习(2)
  5. gitlab 构建tag_Gitlab详细操作
  6. mysql创建数据库时候同时创建表空间_mysql::创建多个表空间添加记录数据会添加到哪个表空间中?...
  7. 还不懂Redis?看完这个故事就明白了!
  8. Myeclipse10.7安装git插件并将Java项目上传到码云(github)
  9. python爬虫步骤-Python爬虫详解,每一个步骤都给你细腻的讲解(附源码)
  10. Redis学习笔记3-Redis5个可运行程序命令的使用
  11. 分组在re模块中的使用
  12. 已知任意三点坐标求圆心
  13. 金融数据类——外汇,CFD
  14. 双路服务器装mac系统,华硕Z10 C612,双路E5继续折腾调试改机型Macpro终于成功。...
  15. RS232串口接线图
  16. 杭州马开始坐不住,深圳腾窃喜,小龙信为何露出淫淫的笑容
  17. python爬虫算法是什么_Python爬虫:什么是网络爬虫
  18. 计算机安装xp蓝屏怎么办,win7系统下装xp出现0x0000007B蓝屏解决方法|win7改装xp系统怎么设置BIOS...
  19. RK3568的红外遥控
  20. 国产网页在线编辑器kindeditor的使用

热门文章

  1. 正数(十进制)变二进制 除以2取余 小数(十进制)变二进制 乘以2取整数
  2. JAVA 虚拟机类加载机制和字节码执行引擎
  3. IPv6下网络编程实例
  4. 用分布式锁解决并发问题
  5. Dubbo管理控制台dubbo-admin搭建
  6. 阿里云OSS云存储平台
  7. 关于配置中心的几个问题
  8. 对称式加密和非对称式加密
  9. 深入理解redis中的lua脚本
  10. RabbitMq分布式事务解决方案第二篇