css

文档坐标和视图坐标

文档坐标就是整个文档窗口的左上角.
视图坐标,是整个显示的页面的左上角.当滚动条滑动时,文档坐标和视图坐标就不一致了.
为了坐标系之间的转换,我们就需要判断滚动条的位置.window对象的pageXoffset和pageYOffset属性提供了滚动条的位置.

查询元素的几何尺寸

getBoundingClientRect()方法.返回一个具有left right top bottom属性的对象.这个方法返回的是视图坐标的位置.

判定元素在某点

可以通过document对象的elementFromPoint()方法来判断.该方法返回指定指定位置的元素.如果指定点,在视图以外就返回null.

滚动

window对象的scroll()(这个方法还可以写成scrolltop())传入的是滚动条的偏移量.如果太靠近底部,怎会出现不一致的情况.浏览器只是尽量保证一致的情况.
scrollBy()他和scroll()相似,但是他传入的参数只是相对于当前位置.就是说一个是绝对的一个是相对的.
在元素上调用scrollintoview(),这个方法保证某个元素出现在视图中.

document的属性

lastModified 包含文档上次修改的时间
location 和window的location指向同一个对象
referrer 表示浏览器导航到当前文档的上一个文档的url
title 文档title标签之间的内容
URL 文档路径的只读字符串

document.write()

只有在文档解析的时候才调用这个方法,向html中写入.

查询选中的文本

document.getSelection()返回一个selection对象,该对象描述的是选中的对象.它的toString()方法是村文本的.

可编辑的内容

设置任何标签的contenteditable属性,这将使得元素的内容变得可编辑.
document的designMode属性设置为”on”,可以使整个文档变成可编辑.
编辑有很多的命令,但是这些命令没有提供快捷键,那就只有通过execCommand()命令来执行了.第一个参数是命令字符串,第二个参数是true,就会提示用户输入命令需要的参数.为了直接使用,把第二个参数传承false,第三个参数作为命令参数传入.