`

获取屏幕的高度赋值给容器div

UI 
阅读更多
//获取屏幕的高度,赋值给div的id="LeftBox"

var winHeight = 0;
function findHeight(){
    if (window.innerHeight)winHeight = window.innerHeight;//获取窗口高度
    else if ((document.body) && (document.body.clientHeight))winHeight = document.body.clientHeight;//通过深入Document内部对body进行检测,获取窗口大小
    if (document.documentElement && document.documentElement.clientHeight){
        winHeight = document.documentElement.clientHeight;//结果输出至两个文本框
    }
    $("#LeftBox").css({minHeight:winHeight});//, position:"absolute"
findHeight();//调用函数,获取数值
window.onresize = findHeight;

<div id="LeftBox">不管什么屏幕的分辨率;div容器的高度是全屏</div>

<div class="copyright">
    <script type="text/javascript">
    <!-- str
        copyright = new Date();//取得当前的日期
        update = copyright.getFullYear();//取得当前的年份
        document.write("djcbpl @2011-" + update
                + "&nbsp; [ 个人中心 ]&nbsp;|&nbsp;管理系统;版权所有,翻版必究");
    //  End -->
    </script>
</div>

<!--
这样版权部分就不会随着中间内容的减少,跑到屏幕的半中腰了,兼容所有浏览
-->
分享到:
评论

相关推荐

    Ext Grid表格的自动宽度及高度的实现

    接下来,在JavaScript代码中,通过`Ext.get()`方法获取到`#content`元素的实际尺寸,并将其赋值给Grid的`width`和`height`属性: ```javascript width: Ext.get("content").getWidth(), height: Ext.get("content")...

    嵌入到HTML的iframe自动适应大小

    - 最后,将计算得到的内部文档高度赋值给iframe的`height`样式属性,实现高度的自动调整。 3. **兼容性处理**:为了确保在不支持iframe或需要显示隐藏iframe的情况下也能正常工作,代码还提供了额外的处理逻辑,如...

    js实现点击图片在屏幕中间弹出放大效果

    首先,我们获取点击图片的`src`属性,并将其赋值给放大图片。然后,我们获取窗口的宽度和高度,以及原始图片的真实宽度和高度。 接下来,我们根据窗口尺寸和图片尺寸确定缩放比例`scale`,默认为0.8。如果图片高度...

    基于jquery实现的图片在各种分辨率下未知的容器内上下左右居中

    `获取当前窗口的高度,并将其赋值给`.pic_conent`的高度,确保容器的高度与窗口相同,从而达到上下居中的效果。同时,使用`window.onresize`监听窗口大小的变化,当窗口尺寸改变时,再次调整`.pic_conent`的高度,以...

    Vue解析剪切板图片并实现发送功能

    为了适应不同的屏幕尺寸,我们需要计算图片的宽度和高度,并可能进行压缩。这里我们使用`Image`对象预加载图片,然后根据其原始尺寸调整图片大小。 5. **图片压缩**: 图片压缩通常是为了减小文件大小,节省...

    js仿3366小游戏选字游戏

    // 通过乱序后的下标获取文本,赋值给div bottomDivs[i].innerHTML = textArr[textRandoms[i]]; bottomDivs[i].style.color = colorArr[colorRandoms[i]]; } } ``` ##### 3.3 用户交互处理 - **事件监听**:...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    综上所述,“认我测”在线认证检测系统,率先填补了认证检测领域移动端的空缺,提供了Web浏览器+移动端的双端访问模式,给用户提供了多种访问途径,真正实现了用户和检测机构的随时随地在线下单检测。 关键词:...

    jQuery图片相册点击弹出大图预览

    - 加载大图:利用`$.ajax`或`$.get`异步加载大图,然后将加载的图片内容赋值给预览层中的`&lt;img&gt;`元素。 - 切换功能:如果有多个大图,需要维护当前显示图片的索引,并在切换按钮点击时更新索引,加载新的大图。 5...

    js实现聊天对话框

    如果输入非空,则创建一个新的`p`元素,将文本框的内容赋值给这个`p`元素的`innerText`属性,并添加到对话内容区域的末尾。随后,清空文本输入框并让新添加的对话内容滚动到可视区域内。 ```javascript var btn = ...

    易语言程序免安装版下载

    修改应用接口支持库,增强“取快捷方式目标”命令功能,可以获取目标、参数、启始位置、图标、运行方式、快捷键、备注等信息。 9. 修改扩展界面支持库三,解决高级选择夹会导致所在窗口的收不到“首次激活”事件的...

Global site tag (gtag.js) - Google Analytics