网页尺寸scrollHeight

http://www.imooc.com/code/1703

网页尺寸scrollHeight

scrollHeight和scrollWidth,获取网页内容高度和宽度。

一、针对IE、Opera:

scrollHeight 是网页内容实际高度,可以小于 clientHeight。

二、针对NS、FF:

scrollHeight 是网页内容高度,不过最小值是 clientHeight。也就是说网页内容实际高度小于 clientHeight 时,scrollHeight 返回 clientHeight 。

三、浏览器兼容性

var w=document.documentElement.scrollWidth
   || document.body.scrollWidth;
var h=document.documentElement.scrollHeight
   || document.body.scrollHeight;

注意:区分大小写

scrollHeight和scrollWidth还可获取Dom元素中内容实际占用的高度和宽度。

时间: 2024-12-16 09:39:03

网页尺寸scrollHeight的相关文章

网站建设中的网页尺寸规划问题

(1)页面标准按800×600分辨率制作,尺寸宽为760-780PX;(2)页面标准按1024×768以及以上分辨率制作,尺寸宽为980-1004PX;(3)注意考虑800×600分辨率制作的网页,要设定外层布局表格居中,以确保在1024*768情况下居中,页面长度原则上不超过3屏.(4)全尺寸BANNER为468*60PX,小BANNER为88*31PX,另外120*90,120*60也是小图标的标准尺寸.(5)最外层布局表格使用像素来定义,内部排版嵌套表格使用百分比来定义网页HEAD区代码规

js网页尺寸随窗口尺寸变化

window.onresize = window.onload= function(){ var body_height = $(window).height(); $('.left').height(body_height-50); $('.xian').height(body_height-50); }

网页尺寸规范

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh"> <head profil

javascript DOM对象(2)

访问兄弟节点 1. nextSibling 属性可返回某个节点之后紧跟的节点(处于同一树层级中). 语法: nodeObject.nextSibling 说明:如果无此节点,则该属性返回 null. 2. previousSibling 属性可返回某个节点之前紧跟的节点(处于同一树层级中). 语法: nodeObject.previousSibling 说明:如果无此节点,则该属性返回 null. 注意: 两个属性获取的是节点.Internet Explorer 会忽略节点间生成的空白文本节点(

js操作dom对象

属性: 1Attributes     存储节点的属性列表(只读) 2childNodes     存储节点的子节点列表(只读) 3dataType     返回此节点的数据类型 4Definition     以DTD或XML模式给出的节点的定义(只读) 5Doctype     指定文档类型节点(只读) 6documentElement     返回文档的根元素(可读写) 7firstChild     返回当前节点的第一个子节点(只读) 8Implementation     返回XMLD

JS总结之二:DOM对象控制HTML

DOM对象控制HTML 1.方法 getElementsByName( ) ——获取name getElementsByTagName( ) ——获取元素 getAttribute( ) ——获取元素属性 setAttribute( ) ——设置元素属性 childNodes( ) ——访问子节点 parentNode( ) ——访问父节点 createElement( ) ——创建元素节点 createTextNode( ) ——创建文本节点 inserBefore( ) ——插入节点 rem

JS DOM对象,控制HTML元素

1.认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构(节点树). 先来看看下面代码: 将HTML代码分解为DOM节点层次图: HTML文档可以说由节点构成的集合,DOM节点有: 1. 元素节点:上图中<html>.<body>.<p>等都是元素节点,即标签. 2. 文本节点:向用户展示的内容,如<li>...</li>中的Ja

javascript DOM对象控制HTML元素详解

方法 getElementsByName()                   获取name getElementsByTagName()              获取元素 getAttribute()                                获取元素属性 setAttribute()                                设置元素属性 childNodes()                                  访问子节点 par

JS学习之路,菜鸟总结的注意事项及错误更正

JavaScript 是一种面向对象的动态语言,它的语法来源于 Java 和 C,所以这两种语言的许多语法特性同样适 用于 JavaScript.需要注意的一个主要区别是 JavaScript 不支持类,类这一概念在 JavaScript 通过对象原型 (object prototype)得到延续(有关 ES6 类的内容参考这里Classes).另一个主要区别是 JavaScript 中的 函数也是对象,JavaScript 允许函数在包含可执行代码的同时,能像其他对象一样被传递.1,scrip