JS备忘--子父页面获取元素属性显示时间

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS备忘--子父页面获取元素属性显示时间相关的知识,希望对你有一定的参考价值。

//页面加载完成后执行
    $(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;
}

以上是关于JS备忘--子父页面获取元素属性显示时间的主要内容,如果未能解决你的问题,请参考以下文章

html页面中,怎么在html元素中引用js设置的参数?

使用layer 弹出对话框 子父页面相互参数传递 父页面获取子页面参数实例

怎么按元素id 使用js为页面元素绑定click()方法?

在js中获取页面元素的属性值时,弱类型导致的诡异事件踩坑记录,

如何利用Vue.js库绑定HTML标签内的class属性值

js 如何获取class的元素