//页面加载完成后执行$(function() { getHW();});//当用户改变浏览器大小改变时触发$(window).resize(function() { setHW(); });//每500毫秒运行一次window.setInterval("getH()", 500);//获取页面的高度,并传给父页面的元素
functiongetSubPageH() {var parentWorkDiv = $("#workDiv", parent.document);//工作区DIVvar parentLeftDiv = $("#leftDiv", parent.document); //左侧菜单DIVvar parentTopDiv = $("#topDiv", parent.document);//顶部DIVvar parentBotDiv = $("#bottomDiv", parent.document);//底部DIVvar parentMidDiv = $("#middleDiv", parent.document); //中间DIVvar thisBody = $("body");//本页面var parentHeight = $("body", parent.document).height(); //父页面可用高度var parentWidth = $("body", parent.document).width(); //父页面可用宽度if ((thisBody.height() < parentHeight) && (parentLeftDiv.height() <parentHeight)) {parentMidDiv.height(parentHeight- parentTopDiv.height() -parentBotDiv.height());}else{if (thisBody.height() >parentLeftDiv.height()) {parentMidDiv.height(thisBody.height());}else{parentMidDiv.height(parentLeftDiv.height());}}parentWorkDiv.width(parentWidth- parentLeftDiv.width());//设置宽度//alert(parentMidDiv.height() + "-" + parentHeight);
}//设置页面工作区域的宽度
functionsetHW() {var leftDiv = $("#leftDiv");var workDiv = $("#workDiv");//获取浏览器的宽度var htmlWidth =$(document).width();var w = htmlWidth -leftDiv.width();workDiv.width(w);
}//显示当前时间
functionshowTime() {//获取当前日期var dateTime = newDate();vardateStr;//定义星期var week = "星期";var dayWeek = new Array("日", "一", "二", "三", "四", "五", "六");week+= dayWeek[dateTime.getDay() + 1];//dateStr = dateTime.getFullYear() + "年";//if (dateTime.getMonth() < 10) {dateStr+= "0";}dateStr+= (dateTime.getMonth() + 1) + "月";//if (dateTime.getDate() < 10) {dateStr+= "0";}dateStr+= dateTime.getDate() + "日&nbsp;&nbsp;" + week + "&nbsp;&nbsp;";//if (dateTime.getHours() < 10) {dateStr+= "0";}dateStr+= dateTime.getHours() + ":";//if (dateTime.getMinutes() < 10) {dateStr+= "0";}dateStr+= dateTime.getMinutes() + ":";//if (dateTime.getSeconds() < 10) {dateStr+= "0";}dateStr+=dateTime.getSeconds();document.getElementById("lblTime").innerHTML =dateStr;
}

第一、在iframe中查找父页面元素的方法: $('#id', window.parent.document)

第二、在父页面中获取iframe中的元素方法: $(this).contents().find("#suggestBox")

第三、在iframe中调用父页面中定义的方法和变量: parent.method parent.value

第四、父页面调用iframe内的JS的方法,无须给iframe加id,只需用Jq选中iframe就行了 $("#id").find("iframe")[0].contentWindow.func()

self.opener

opener代表打开本窗口的窗口

同一个父页面中,不同iframe之间互相调用函数

var frames = window.parent.window.document.getElementById("main");//根据ID获取目标iframe
frames.contentWindow.myfun();//调用函数myfun()

转载于:https://www.cnblogs.com/Tirisfal/p/5216812.html

JS备忘--子父页面获取元素属性、显示时间,iframe之间互相调用函数相关推荐

  1. iframe父页面获取iframe子页面的元素 与 iframe子页面获取父页面元素

    一.在iframe子页面获取父页面元素代码如下:$('#objld', parent.document); 二.在父页面获取iframe子页面的元素代码如下:$("#objid", ...

  2. 父页面与子ifream传值,父页面获取子页面document元素与方法

    1.父页面获取子ifream中document元素方法 window.document.getElementById('warnIfream').contentWindow.document.getE ...

  3. JS获取元素属性和自定义属性

    昨天有同事问我,怎么获取自定义元素的属性,我意识到这个确实是个 问题,所有总结一下自己的心得. 获取元素的属性分为两种类型: 1-获取元素常见的属性(class,id,type,value-) 2-获 ...

  4. 原生js获取html元素属性,JS(原生js和jq方式)获取元素属性(自定义属性),删除属性(自定义属性)...

    JS(原生js和jq方式)获取元素属性(自定义属性),删除属性(自定义属性) 以下内容: 一.获取元素的属性 二.设置元素的属性 三.删除元素的属性 一.获取元素的属性 1-原生JS 获取属性 .ge ...

  5. JS DOM获取元素属性+操作方法

    JS DOM获取元素属性+操作方法 文章目录 JS DOM获取元素属性+操作方法 基础属性 title属性 tagName属性 : 获取标签名 className属性 : 获取类名 Nodelist. ...

  6. DOM常用几种获取元素属性方式

    1.DOM 提供的方法(API)获取 1.1 H5新增获取元素方式 document.getElementsByClassName 根据类名获得某些元素集合 document.querySelecto ...

  7. Selenium自动化测试-7.获取元素属性信息

    ------·今天距2020年76天·------ 这是ITester软件测试小栈第60次推文 大家好 我是vivi小胖虎 做自动化测试 往往避免不了 获取元素信息 获取元素属性 获取元素状态 今天就 ...

  8. [js] script所在的位置会影响首屏显示时间吗

    [js] script所在的位置会影响首屏显示时间吗 会,如果script放在头部,js的执行会阻塞dom树的构建 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎 ...

  9. iframe子页面获取父页面元素,或父页面获取iframe子页面的元素

    用JS或jquery访问页面内的iframe,兼容IE/FF 注意:框架内的页面是不能跨域的! js 在父窗口中获取iframe中的元素 格式:window.frames["iframe的n ...

最新文章

  1. RecycleView 源码解析
  2. redis 多数据库 database配置项解析
  3. Docker for Windows使用简介
  4. pmw调光c语言程序,51单片机led灯渐变PWM调光(渐亮渐灭)C语言和汇编源程序
  5. Rust: CTP的rust版本如何手工封装
  6. 元宇宙的车,迷你世界上不了
  7. css三角形的IE兼容写法
  8. 什么无线桥接一直正在链接服务器失败,无线桥接网络常见问题故障排除
  9. CIO40:家电巨头数字化运营历程(IT-DT-OT)
  10. tp6 防止XSS攻击之表单提交安全校验
  11. CV:阿里在CV数据增强领域带来SOTA新范式(已被NeurIPS2022接收)—基于离散化对抗训练的鲁棒视觉新基准!
  12. 用ffmpeg将多张图片转为视频
  13. Android GPRS上网过程中数据图标的变化过程
  14. 有限差分法的MATLAB程序!!!!
  15. ubuntu12.10安装NCL问题
  16. c/c++进阶之爱恨交织的临时对象: 二、天使与魔鬼
  17. 英语单词常见前后缀总结
  18. php 基于soap什么协议,网络协议 20 - RPC 协议(上)- 基于XML的SOAP协议
  19. [管理与领导-4]:赋能的本质是人与环境的相互促进的关系
  20. 如何把项目改成微服务项目_微服务拆分那点事

热门文章

  1. Mysql报错Fatal error occurred in the transaction branch - check your data for consistency
  2. Kotlin入门(6)条件分支的实现
  3. 衡量激光雷达性能好坏的标准是什么?
  4. 本周ASP.NET英文技术文章推荐[03/23 - 04/05]:C#、Visual Studio、MVC、死锁、Web 2.0 API、jQuery、IIS7、FileUpload...
  5. CMake - SWIG - 移植动态库
  6. BI如何在企业信息化中助ERP一臂之力?
  7. 老李分享:《Java Performance》笔记1——性能分析基础
  8. linux awk使用
  9. Eclipse Web开发出现莫名其妙错误
  10. 唉,一大早起床遇到脑残的,实在无语!QQ:124316912