div自身高度、屏幕高度

获取元素高度

  scrollWidth    //显示当前元素的宽度

  scrollHeight   //显示当前元素的高度

  scrollLeft     //显示当前元素的左边距左侧的距离

  scrollTop    //显示当前元素的顶部距顶部的高度

  window.innerHeight - 浏览器窗口的内部高度

  window.innerWidth - 浏览器窗口的内部宽度

  对于 Internet Explorer 8、7、6、5:

    document.documentElement.clientHeight

     document.documentElement.clientWidth

      或者

document.body.clientHeight

     document.body.clientWidth

  screen.availWidth - 可用的屏幕宽度

  screen.availHeight - 可用的屏幕高度

返回当前主机的名称

  location.hostname 返回 web 主机的域名

  location.pathname 返回当前页面的路径和文件名

  location.port 返回 web 主机的端口 (80 或 443)

  location.protocol 返回所使用的 web 协议(http:// 或 https://)

打开一个窗口:js也能实现

  window.open() - 打开新窗口

  window.close() - 关闭当前窗口

  window.moveTo() - 移动当前窗口

  window.resizeTo() - 调整当前窗口的

这些标签可以获取当前DIV的高度和宽度。并实现在新窗口或者当前窗口打开。

js的数据类型

  字符串(String)、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空(Null)、未定义(Undefined)。

JavaScript 对象

  

<p id="demo"></p>

  <script>
    var person = {
        firstName: "John",
        lastName : "Doe",
        id : 5566
        };
  document.getElementById("demo").innerHTML =
        person.firstName + " " + person.lastName;
  </script>

创建了一个对象,全局可以使用命名的函数获取里面的值。

时间: 2024-12-18 19:19:25

div自身高度、屏幕高度的相关文章

页面内容不足以铺满屏幕高度时,footer居底显示

在项目中常常会遇到这样的问题:页面主要内容不足以铺满一个屏幕的高度,footer下面就会有白块剩余. 现在要实现的效果就是,在主要内容不足以铺满整个屏幕的情况下,footer居于屏幕低部显示,使得整个页面占满屏幕.而当主要内容高度大于整个屏幕高度的时候,footer跟随主要内容进行显示: 方法一: html [html] view plain copy <div class="page"> 主要页面 </div> <footer>底部</foo

CSS 使用calc()获取当前可视屏幕高度

来自:https://blog.csdn.net/qq_32063079/article/details/89766442 先了解一下CSS3的相对长度单位(参考详细教程) : 相对长度单位指定了一个长度相对于另一个长度的属性.对于不同的设备相对长度更适用. em 它是描述相对于应用在当前元素的字体尺寸,所以它也是相对长度单位.一般浏览器字体大小默认为16px,则2em == 32px:ex 依赖于英文字母小 x 的高度ch 数字 0 的宽度rem 根元素(html)的 font-sizevw

获取像素密度、屏幕高度、状态栏、标题栏,屏幕截图

演示效果 奇酷1080P 华为1080P 华为720P 屏幕像素参数相关信息表格    像素密度  每英寸像素数  分辨率      分辨率别称      默认图标大小 xxhdpi   3        480   1080*1920   1080P    144*144   重点关注 xhdpi    2        320    720*1280     720P      96*96      适配基准 hdpi     1.5      240    480*800      WVG

android获得屏幕高度和宽度

android获得屏幕高度和宽度 android获取屏幕的高度和宽度用到WindowManager这个类,两种方法: 1.WindowManager wm = (WindowManager) getContext()                     .getSystemService(Context.WINDOW_SERVICE);      int width = wm.getDefaultDisplay().getWidth();      int height = wm.getDe

div随内容调整高度(父元素高度随子元素变化)

你就说我的头像是不是很酷,很有个性? 嗯嗯,帅的不行了呢!你吃饭了吗??????????????????????????????? .message { width: 100%; padding-top: 12px } .message .icon { position: relative; display: block; padding: 0px; height: 44px; width: 44px; float: left } .message .icon.user { margin-lef

CSS控制div宽度最大宽度/高度和最小宽度/高度

在网页制作中经常要控制div宽度最大宽度/高度或者最小宽度/高度,但是在IE6中很多朋友都会遇到不兼容的头疼问题,包括我也经常遇到这样的问题,在百度查了很多都没法解决,后来在一个论坛上学习到,在这里跟大家分享下css3样式代码,经过时间完全兼容各大主流浏览器. * 最小寬度 */ .min_width{min-width:300px;   /* sets max-width for IE */   _width:expression(document.body.clientWidth < 300

CSS技能:运用DIV标签规划最小高度及自在扩展高度

需求在页面最上方运用文档符号运用以上办法时.; 发现需求类似td中height特点既能够确保最小高度又能够完成自在扩展高度的办法.逐步用div规划替换tabl规划的过程中. 通过查找资料和试验.可是该办法在ie6下不支撑,发现min-height能够完成最小高度.所以在款式中添加_height特点,此外关于可变高度的div假如需求自在扩展则不运用height特点即可,假如采用了height则div中的内容太长会跨过下鸿沟. 上下摆放的div1和div2假如div1高度添加后.此刻需求添加clea

根据屏幕高度自适应元素高度

发现自适应很麻烦就随便写了一个根据屏幕高度的自适应 var window_h=function(elem,height){ var elem=document.getElementsByClassName(elem); for(let i=0;i<elem.length;i++){ elem[i].style.height=window.innerHeight *height+ "px" } };

div模拟textarea自适应高度

之前在公司做项目的时候,有这么一个需求,要我写一个评论框,可以随着评论的行数增加而自动扩大,最开始我想用textarea实现,但是后来尝试后发现textarea并不适合,textarea的高度不会随着输入行数的增多而增大,于是我上网寻求了下帮助,发现大神张鑫旭的这篇文章<div模拟textarea文本域轻松实现高度自适应>,成功解决我的问题 代码如下: 1 1 <!DOCTYPE html> 2 2 <html lang="en"> 3 3 <