文档章节

document对象

hezhongjie
 hezhongjie
发布于 01/24 16:10
字数 275
阅读 11
收藏 0
点赞 0
评论 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');(存在兼容性)

© 著作权归作者所有

共有 人打赏支持
hezhongjie
粉丝 2
博文 29
码字总数 41381
作品 0
程序员
通过javascript获取多种主流浏览器显示页面高度

IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.cli......

答复哈 ⋅ 2010/12/24 ⋅ 0

一个document.documentElement.clientWidth为0的问题

关于获取各种浏览器可见窗口大小的一点点研究 <script> function getInfo() { var s = ""; s = " 网页可见区域宽:" document.body.clientWidth; s = " 网页可见区域高:" document.body.cli...

C_Liwang ⋅ 2014/03/20 ⋅ 0

JavaScript 获取页面宽高的方法

JavaScript 获取页面宽高的方法

老先生二号 ⋅ 2017/08/06 ⋅ 0

javascript获取document宽高

IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.cli......

hchen1982 ⋅ 2012/02/27 ⋅ 0

OC与js交互获取webview元素和赋值

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

大侠LKS ⋅ 2016/06/22 ⋅ 0

document.frames()与document.frames[]

document.frames()与document.frames[] document.frames('reportFrame').document 不是很了解,有两个document,其中document.frames('reportFrame')指的是你当前文档中一个name属性为'repo......

Secret ⋅ 2012/11/09 ⋅ 0

NodeList 和 HTMLCollection

NodeList 类数组对象 代表节点的集合 部分浏览器为NodeList加入了namedItem接口。 规范: http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#ID-536297177 HTMLCollection 类数组对象...

nswish ⋅ 2015/02/22 ⋅ 0

javascript(三) document 对象

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

年少爱追梦 ⋅ 2016/05/31 ⋅ 0

HTML:DOM 对象

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

吞吞吐吐的 ⋅ 2017/11/08 ⋅ 0

firefox、IE下的几个不同属性的方法调用

声明:document.all:该对象只有IE中才存在,故用该对象来判断浏览器的类型 一、IFRAME的对象 在IE下可通过document.frames["id"];得到该IFRAME对象, 而在火狐下则是通过document.getEleme...

老鸟的空间 ⋅ 2014/07/07 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Python实现自动登录站点

如果我们想要实现自动登录,那么我们就需要能够驱动浏览器(比如谷歌浏览器)来实现操作,ChromeDriver 刚好能够帮助我们这一点(非谷歌浏览器的驱动有所不同)。 一、确认软件版本 首先我们...

blackfoxya ⋅ 11分钟前 ⋅ 0

线性回归原理和实现基本认识

一:介绍 定义:线性回归在假设特证满足线性关系,根据给定的训练数据训练一个模型,并用此模型进行预测。为了了解这个定义,我们先举个简单的例子;我们假设一个线性方程 Y=2x+1, x变量为商...

wangxuwei ⋅ 13分钟前 ⋅ 0

容器之查看minikue的environment——minikube的环境信息

执行如下命令 mjduan@mjduandeMacBook-Pro:~/Docker % minikube docker-envexport DOCKER_TLS_VERIFY="1"export DOCKER_HOST="tcp://192.168.99.100:2376"export DOCKER_CERT_PATH="/U......

汉斯-冯-拉特 ⋅ 14分钟前 ⋅ 0

mysql远程连接不上

设置了root所有hosts远程登录,可是远程登录还是失败,原因可能如下: 登录本地数据库 mysql -uroot -p123456 查询用户表 mysql> select user,host,password from mysql.user; 删除密码为空的...

冰公子 ⋅ 14分钟前 ⋅ 0

动态规划小题

凑硬币问题 问题: 有1元、3元、5元面值的硬币若干,要凑到11元需要最少几个硬币? 这是最简单的DP问题,记凑a元需要b个硬币为: n[a] = b。 1)首先,如果凑0元 需要0个硬币表示为 n[0] = 0...

阿豪boy ⋅ 16分钟前 ⋅ 0

shell之切换目录命令cd

让我们来看看linux下简单的 cd 命令,就是切换目录用的,在你当前的目录位置,进入下一个目录 让我们看看这个阿里云 ubuntu 目录,Linux虚拟目录中比较复杂的部分是它如何协调管理各个存储设...

woshixin ⋅ 19分钟前 ⋅ 0

使用 jsoup 模拟登录 urp 教务系统

需要的 jsoup 相关 jar包:https://www.lanzous.com/i1abckj 1、首先打开教务系统的登录页面,F12 开启浏览器调试,注意一下 Request Headers 一栏的 Cookie 选项,我们一会需要拿这个 Cook...

大灰狼时间 ⋅ 54分钟前 ⋅ 0

关于线程的创建

转自自己的笔记: http://note.youdao.com/noteshare?id=87584d4874acdeaf4aa027bdc9cb7324&sub=B49E8956E145476191C3FD1E4AB40DFA 1.创建线程的方法 Java使用Thread类代表线程,所有的线程对......

MarinJ_Shao ⋅ 今天 ⋅ 0

工厂模式学习

1. 参考资料 工厂模式-伯乐在线 三种工厂-思否 深入理解工厂模式 2. 知识点理解 2.1 java三种工厂 简单工厂 工厂模式 抽象工厂 2.2 异同点 逐级复杂 简单工厂通过构造时传入的标识来生产产品...

liuyan_lc ⋅ 今天 ⋅ 0

Java NIO

1.目录 Java IO的历史 Java NIO之Channel Java NIO之Buffer Java NIO之Selector Java NIO之文件处理 Java NIO之Charset Java 可扩展IO 2.简介 “IO的历史”讲述了Java IO API从开始到现在的发...

士别三日 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部