文档章节

document对象

hezhongjie
 hezhongjie
发布于 01/24 16:10
字数 275
阅读 11
收藏 0

1. document 代表整个文档流

    document.documentElement: 代表html

    document.body :代表 body

    (在获取文档高度相关参数时,两者同时使用用于ie的兼容,如scrollHeight =document.documentElement.scrollTop || document.body.scrollTop )

    注:默认html,body 的min高度(不考虑margin)为窗口可视区高度,并随内容增大而增大

2. clientHeight,offsetHeight的区别

    clientHeight :代表元素的内容+内边距(client,客户的意思,从元素的角度看)

    offsetHeight :代表元素的clientHeight + 边框的宽度(从元素的有定位的父元素看)

    

    clientTop: 容器内部相对于容器本身的top偏移,实际就是 上border-width

    scrollTop: Y轴的滚动条没有,或滚到最上时,是0;y轴的滚动条滚到最下时是

                    scrollHeight-clientHeight

    offsetTop: 可以理解为容器相对于document的top的绝对偏移。等于top+margin-top

 

3. location对象

    document.location==location

        host:有端口号的域名,hostname : 不包含端口

    location对象可以和方便的获取url中的参数,若是想要分析其他的url字符串,可以使用URL对象,如:

    var myLocation = new URL('url string');(存在兼容性)

© 著作权归作者所有

共有 人打赏支持
上一篇: window对象
下一篇: 原生js,兼容
hezhongjie
粉丝 4
博文 102
码字总数 51472
作品 0
程序员
私信 提问
JavaScript 获取页面宽高的方法

JavaScript 获取页面宽高的方法

老先生二号
2017/08/06
0
0
OC与js交互获取webview元素和赋值

ios与js交互获取webview元素和赋值 使用webview的stringByEvaluatingJavaScriptFromString的方法交互,直接提供实例。 下载:http://download.csdn.net/detail/heyuan110/4420050 附上docum...

大侠LKS
2016/06/22
24
0
javascript(三) document 对象

document 对象 document 对象包括页面中的所有元素,通过document对象可以访问页面中的所有内容。 Document 对象集合 集合 描述 all[] 提供对文档中所有 HTML 元素的访问。 anchors[] 返回对...

年少爱追梦
2016/05/31
16
0
HTML:DOM 对象

ylbtech-HTML:DOM 对象 1. Document 对象返回顶部 1-1、 Document 对象 每个载入浏览器的 HTML 文档都会成为 Document 对象。 Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行...

吞吞吐吐的
2017/11/08
0
0
使用JavaScript下进行iframe的DOM操作(考虑浏览器兼容性)

今天碰到一个浏览器兼容性的问题,是IE和Firefox下iframe DOM操作的差异。本文借IE和Firefox在iframe DOM操作的不同,进行分析说明JavaScript在DOM操作中两者的不同。 IE和Firefox对iframe ...

嗯哼9925
01/07
0
0

没有更多内容

加载失败,请刷新页面

加载更多

性能优化(JVM概念及配置)

虚拟机组成 一次编写,到处运行 Java虚拟机是对操作系统的模拟,隔离差异 2018编程语言排行榜 一个复杂的构架 虚拟机的内部概念 运行原理 编译器,解释器执行流程 内存分配-线程模型 栈帧模型...

这很耳东先生
8分钟前
0
0
Scala之初步认识与环境准备

1. 了解 Scala 1.1. 什么是 Scala Scala 是 Scalable Language 的简写,是一门多范式的编程语言。 Scala设计的初衷是要集成面向对象编程和函数式编程的各种特性。Scala运行于Java平台(Java虚...

飞鱼说编程
29分钟前
3
0
Vue项目分环境打包的实现步骤

在项目开发中,我们的项目一般分为开发版、测试版、Pre版、Prod版。Vue-cli的默认环境一只有dev和prod两个,之前每次要发布测试版或Pre版都是修改了源码中API地址后打包,这样很麻烦。如果能...

peakedness丶
30分钟前
3
0
vue+lowdb+express

搭建流程: 1.安装Node.js; 2.安装npm; 3.安装Express; 搭建流程 npm install -g express 安装 express 生成器 npm install -g express-generator 查看是否安装成功,随便输的一个命令...

Js_Mei
35分钟前
2
0
Qt那些事0.0.15

以下与Q_DECLARE_METATYPE相关内容全部是翻译自Qt文档。参看QVariant Class | Qt Core 5.9以及QMetaType Class | Qt Core 5.9 QVariant QVariant::fromValue(const T& value) 返回一份包含v......

Ev4n
36分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部