//页面加载完成后执行
$(function () { getHW();});
//当用户改变浏览器大小改变时触发
$(window).resize(function () { setHW(); });
//每500毫秒运行一次
window.setInterval("getH()", 500); //获取页面的高度,并传给父页面的元素
function getSubPageH() {
var parentWorkDiv = $("#workDiv", parent.document);//工作区DIV
var parentLeftDiv = $("#leftDiv", parent.document); //左侧菜单DIV
var parentTopDiv = $("#topDiv", parent.document);//顶部DIV
var parentBotDiv = $("#bottomDiv", parent.document);//底部DIV
var parentMidDiv = $("#middleDiv", parent.document); //中间DIV var 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); } //设置页面工作区域的宽度
function setHW() {
var leftDiv = $("#leftDiv");
var workDiv = $("#workDiv");
//获取浏览器的宽度
var htmlWidth = $(document).width();
var w = htmlWidth - leftDiv.width(); workDiv.width(w);
} //显示当前时间
function showTime() {
//获取当前日期
var dateTime = new Date();
var dateStr;
//定义星期
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()

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

  1. js+jquery动态设置/添加/删除/获取元素属性的两种方法集锦对照(动态onclick属性设置+动态title设置)

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html140 ...

  2. js 在iframe子页面获取父页面元素,或在父页面 获取iframe子页面的元素的几种方式

    用JS或jquery访问页面内的iframe,兼容IE/FF 注意:框架内的页面是不能跨域的! 假设有两个页面,在相同域下. index.html 文件内含有一个iframe: XML/HTML代码 ...

  3. iframe父页面和子页面获取元素和js变量

    父页面获取iframe页面元素和变量 获取方法:$("#id")[0].contentWindow.showInfo(): 获取元素:  $("#id").co ...

  4. javascript获取iframe框架中页面document对象,获取子页面里面的内容,iframe获取父页面的元素,

    javascript获取iframe框架中,加载的页面document对象 因为浏览器安全限制,对跨域访问的页面,其document对象无法读取.设置属性 function getDocument(i ...

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

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

  6. 使用iframe父页面调用子页面和子页面调用父页面的元素与方法

    在实际的项目开发中,iframe框架经常使用,主要用于引入其他的页面.下面主要介绍一下使用iframe引入其他页面后,父页面如何调用子页面的方法和元素以及子页面如何调用父页面的方法和元素. 1.父页面 ...

  7. js弹框怎么获得父页面的元素

    js获取父页面的元素可以用$(window.parent.document).find("#customer_id").val();这里的customer_id表示父页面某一个元素 ...

  8. JavaScript从父页面获取子页面的值(子页面又如何访问父页面)

    之前还真没做过类似的东西,,top页面获取子页面的document.. 在百度搜了下即找到这个东东,还好,能用. 主要就是使用 contentWindow方法,获取子页面的所有document,再做处 ...

  9. 在iframe中获取父页面的元素

    a.html <!DOCTYPE html> <html> <head> <title></title> </head> < ...

随机推荐

  1. kotlin学习(7)高阶函数

    高阶函数 以另一个函数作为参数或者返回值的函数被称为高阶函数. 函数类型 //隐式声明(省略了变量类型) val sum = (x:Int, y:Int -> x+y) val action = ...

  2. px-em-pt等字体的不同

  3. 细说C#的ReferenceEquals,Equals和==比较运算符

    C# 中有两种不同的相等:引用相等和值相等.值相等是大家普遍理解的意义上的相等:它意味着两个对象包含相同的值.例如,两个值为 2 的整数具有值相等性.引用相等意味着要比较的不是两个对象,而是两个对象引 ...

  4. 吴恩达机器学习7:代价函数(Cost function)

    一.简介 1.在线性回归中,我们有一个这样的训练集,M代表训练样本的数量,假设函数即用来进行预测的函数是这样的线性函数的形式,我们接下来看看怎么选择这两个参数: 2.如下图中,怎么选择两个参数来更好的 ...

  5. ab压测

    安装:yum install -y httpd-tools 验证:ab -V ab -help:-n requests 要执行请求总数,默认会执行一个请求 -c concurrency 一次执行多个请 ...

  6. layoutSubviews何时调用的问题(原文:http://www.cnblogs.com/pengyingh/articles/2417211.html)

    今天跟旺才兄学习了一下UIView的setNeedsDisplay和setNeedsLayout方法.首先两个方法都是异步执行的.而setNeedsDisplay会调用自动调用drawRect方法,这 ...

  7. python函数带不带括号的问题

    Python带括号返回的是该函数的返回值 不带括号返回的是该函数的位置信息等

  8. C#基础知识之Dynamic类型

    Dynamic类型是C#4.0中引入的新类型,它允许其操作掠过编译器类型检查,而在运行时处理. 编程语言有时可以划分为静态类型化语言和动态类型化语言.C#和Java经常被认为是静态化类型的语言,而Py ...

  9. 微信小程序开发-入门到熟练(wepy-初级篇)

    Title:最近做完了项目,review代码的同时,就想写一篇详细的小程序开发经历,记录自己的项目从0到1的过程 Desc : 小程序从0到1,从小白到完成项目,你需要这样做: step1: 基础知识 ...

  10. vue项目中 指令 v-html 中使用过滤器filters功能

    转载于简书 链接:http://www.jianshu.com/p/29b7eaabd1ba 问题 2.0 filters only work in mustache tags and v-bind. ...