zoukankan      html  css  js  c++  java
  • Javascript获取屏幕与页面尺寸

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>Untitled Page </title>
      <script type="text/javascript">
    function checkValue(){
    debug.innerText="网页可见区域宽:document.body.clientWidth.....:"+document.body.clientWidth+"\n"+
    "网页可见区域高:document.body.clientHeight.....:"+document.body.clientHeight+"\n"+
    "网页可见区域高:document.body.offsetWidth.....:"+document.body.offsetWidth+"\n"+
    "网页可见区域高:document.body.offsetHeight.....:"+document.body.offsetHeight+"\n"+
    "网页正文全文宽:document.body.scrollTop.....:"+document.body.scrollTop+"\n"+
    "网页正文全文高:document.body.scrollLeft.....:"+document.body.scrollLeft+"\n"+
    "网页被卷去的高:window.screenTop.....:"+window.screenTop+"\n"+
    "网页被卷去的左:window.screenLeft.....:"+window.screenLeft+"\n"+
    "屏幕分辨率的高:window.screen.height.....:"+window.screen.height+"\n"+
    "屏幕分辨率的宽:window.screen.width.....:"+window.screen.width+"\n"+
    "屏幕可用工作区高度:window.screen.availHeight.....:"+window.screen.availHeight+"\n"+
    "屏幕可用工作区宽度:window.screen.availWidth.....:"+window.screen.availWidth+"\n"
    }

    </script>
        <script type="text/javascript">
        function IsConfirm()
        {
            return window.confirm('确定删除此记录吗?');
        }
       
        </script>
        </head>
        <body>

                <div>
                <div id="content_a" style="display:none; position:absolute;">
                            这是第一个DIV </div>

                    <input type="button" onclick="checkValue();" value="尺寸调试">改变窗口的大小点击按钮看数值的变化
                        <div id="debug"> </div>
                   
                </div>

        </body>
    </html>

  • 相关阅读:
    idea创建maven web项目需要注意的一些细节
    idea中默认maven配置
    怎么写开发用例?
    css样式 给div水平垂直居中
    elementUI日期选择器里禁用选择未来时间
    常用的正则表达式
    Unknown custom element: <el-table-column>
    几个简单的JavaScript字符串方法
    新的vue-cli默认禁止了commonjs语法,可以添加babel解决
    解决webstorm左下角没有vue的npm项目启动快捷方式
  • 原文地址:https://www.cnblogs.com/MaxWoods/p/1708666.html
Copyright © 2011-2022 走看看