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;
}
时间: 2024-10-10 07:25:19

JS备忘--子父页面获取元素属性、显示时间的相关文章

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html140/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html140/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>

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

父页面获取iframe页面元素和变量 获取方法:$("#id")[0].contentWindow.showInfo(): 获取元素:  $("#id").contents().find("#suggestBox"); iframe子页面获取父页面元素变量 window.parent.showInfo(); 原文地址:https://www.cnblogs.com/yafuture/p/10774121.html

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

在实际的项目开发中,iframe框架经常使用,主要用于引入其他的页面.下面主要介绍一下使用iframe引入其他页面后,父页面如何调用子页面的方法和元素以及子页面如何调用父页面的方法和元素. 1.父页面获取子页面的元素 //jquery方式 $("#iframeId").contents().find("#child1"); //js方式 window.frames["iframName"].document.getElementById(&quo

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

js获取父页面的元素可以用$(window.parent.document).find("#customer_id").val();这里的customer_id表示父页面某一个元素的id.比如:父页面有一个隐藏的input框<input id="customer_id" type="hidden" value="${distributor.customer_id}"/>,那么在子页面就可以用上述的语句取到父页面的i

UI自动化之特殊处理四(获取元素属性\爬取页面源码\常用断言)

获取元素属性\爬取页面源码\常用断言,最终目的都是为了验证我们实际结果是否等于预期结果 目录 1.获取元素属性 2.爬取页面源码 3.常用断言 1.获取元素属性 获取title:driver.title() 获取元素文本:driver.find_XX().text 获取元素标签:driver.find_XX().tag_name 获取元素的其他属性的值:driver.find_XX().get_attribute("class") 获取class属性的值 获取文本框输入的值:drive

iframe 子页面获取父页面的元素并且控制样式

父页面的代码 <div id="div5" style="position:relative;height:500px;">                       <iframe scrolling="auto" frameborder="0"  id="content" name="content" src ="./cpcia_gonggao.jsp&

iframe父页面获取子页面的高度

最近做项目中用到了iframe,子页面更改父页面的高度,经过九九八十一难,找到了解决的办法. $(window).load(function() {  var h=$(document).height();  var ifHeight = $(window.top.document).find(".XX").css({  height:h }); }); window.top:是获取子页面所有body以上的元素. window.parent()是获取子页面body的上一级父元素.

父页面获取子页面的内容

需求说明:两个JSP页面,父页面需要子页面的内容,但子页面是隐藏的,具体来说,子页面是一系列的模板,父页面要通过id来获取这些模板,不愿意通过<include>方式导入,因为如果模板过多,就导致整个父页面太大,加载缓慢,以下两个方案,不知有没有解决这个问题. 1,通过ajax方式 实现过程:通过ajax请求到子页面中,子页面获取参数id使用java和js变量的交互后,返回需要的模板信息 缺点:把js变量转换成java变量比较麻烦,需要使用form表单来提交,而且jsp中的java脚本是在服务器