JS备忘--子父页面获取元素属性、显示时间,iframe之间互相调用函数
//页面加载完成后执行$(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() + "日 " + week + " ";//时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之间互相调用函数相关推荐
- iframe父页面获取iframe子页面的元素 与 iframe子页面获取父页面元素
一.在iframe子页面获取父页面元素代码如下:$('#objld', parent.document); 二.在父页面获取iframe子页面的元素代码如下:$("#objid", ...
- 父页面与子ifream传值,父页面获取子页面document元素与方法
1.父页面获取子ifream中document元素方法 window.document.getElementById('warnIfream').contentWindow.document.getE ...
- JS获取元素属性和自定义属性
昨天有同事问我,怎么获取自定义元素的属性,我意识到这个确实是个 问题,所有总结一下自己的心得. 获取元素的属性分为两种类型: 1-获取元素常见的属性(class,id,type,value-) 2-获 ...
- 原生js获取html元素属性,JS(原生js和jq方式)获取元素属性(自定义属性),删除属性(自定义属性)...
JS(原生js和jq方式)获取元素属性(自定义属性),删除属性(自定义属性) 以下内容: 一.获取元素的属性 二.设置元素的属性 三.删除元素的属性 一.获取元素的属性 1-原生JS 获取属性 .ge ...
- JS DOM获取元素属性+操作方法
JS DOM获取元素属性+操作方法 文章目录 JS DOM获取元素属性+操作方法 基础属性 title属性 tagName属性 : 获取标签名 className属性 : 获取类名 Nodelist. ...
- DOM常用几种获取元素属性方式
1.DOM 提供的方法(API)获取 1.1 H5新增获取元素方式 document.getElementsByClassName 根据类名获得某些元素集合 document.querySelecto ...
- Selenium自动化测试-7.获取元素属性信息
------·今天距2020年76天·------ 这是ITester软件测试小栈第60次推文 大家好 我是vivi小胖虎 做自动化测试 往往避免不了 获取元素信息 获取元素属性 获取元素状态 今天就 ...
- [js] script所在的位置会影响首屏显示时间吗
[js] script所在的位置会影响首屏显示时间吗 会,如果script放在头部,js的执行会阻塞dom树的构建 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎 ...
- iframe子页面获取父页面元素,或父页面获取iframe子页面的元素
用JS或jquery访问页面内的iframe,兼容IE/FF 注意:框架内的页面是不能跨域的! js 在父窗口中获取iframe中的元素 格式:window.frames["iframe的n ...
最新文章
- RecycleView 源码解析
- redis 多数据库 database配置项解析
- Docker for Windows使用简介
- pmw调光c语言程序,51单片机led灯渐变PWM调光(渐亮渐灭)C语言和汇编源程序
- Rust: CTP的rust版本如何手工封装
- 元宇宙的车,迷你世界上不了
- css三角形的IE兼容写法
- 什么无线桥接一直正在链接服务器失败,无线桥接网络常见问题故障排除
- CIO40:家电巨头数字化运营历程(IT-DT-OT)
- tp6 防止XSS攻击之表单提交安全校验
- CV:阿里在CV数据增强领域带来SOTA新范式(已被NeurIPS2022接收)—基于离散化对抗训练的鲁棒视觉新基准!
- 用ffmpeg将多张图片转为视频
- Android GPRS上网过程中数据图标的变化过程
- 有限差分法的MATLAB程序!!!!
- ubuntu12.10安装NCL问题
- c/c++进阶之爱恨交织的临时对象: 二、天使与魔鬼
- 英语单词常见前后缀总结
- php 基于soap什么协议,网络协议 20 - RPC 协议(上)- 基于XML的SOAP协议
- [管理与领导-4]:赋能的本质是人与环境的相互促进的关系
- 如何把项目改成微服务项目_微服务拆分那点事
热门文章
- Mysql报错Fatal error occurred in the transaction branch - check your data for consistency
- Kotlin入门(6)条件分支的实现
- 衡量激光雷达性能好坏的标准是什么?
- 本周ASP.NET英文技术文章推荐[03/23 - 04/05]:C#、Visual Studio、MVC、死锁、Web 2.0 API、jQuery、IIS7、FileUpload...
- CMake - SWIG - 移植动态库
- BI如何在企业信息化中助ERP一臂之力?
- 老李分享:《Java Performance》笔记1——性能分析基础
- linux awk使用
- Eclipse Web开发出现莫名其妙错误
- 唉,一大早起床遇到脑残的,实在无语!QQ:124316912