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

//页面加载完成后执行

    $(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()