document对象
一.元数据
1.characterSet → <字符串> 获取字符集编码
2.charset → <字符串> 获取或设置字符串编码
3.defaultCharset → <字符串> 获取默认字符串编码
4.referrer → <字符串> 获取链接到当前文档的上个文档url
5.title → <字符串> 获取或设置标题
6.URL → <字符串> 获取当前文档url
7.domain → <字符串> 获取或设置域名
8.dir → <字符串> 获取或设置文本方向
9.compatMode → <字符串> 获取兼容性模式 (CSS1Compat标准模式, BackCompat怪异模式)
10.lastModified → <字符串> 最后修改的时间(不可用则返回当前时间)
11.defaultView → <Window> window对象
12.location → <Location> location对象
二.cookie
cookie → <字符串> 获取或设置cookie
额外项:
path : 关联路径,默认当前文档路径
domain : 关联域名,默认当前文档域名
max-age : 有效时长,以秒形式从创建时计算
expires : 过期时间,以GMT日期格式
secure : 只有安全连接(https)时才发送cookie
使用: 获取时多个以分号隔开,设置一次只能设置一个,并且domain和path要一致
document.cookie = "a=1;max-age=36000;secure";
三.就绪状态
1.readyState 就绪状态
取值: loading 解析中 interactive 已被解析,加载链接资源
complete 解析加载完毕
2.onreadystatechange 状态改变事件(类型:方法)
四.通过属性获取元素对象
1.documentElement html元素对象(HTMLElement)
2.body body元素对象(HTMLElement)
3.head head元素对象(HTMLHeadElement)
4.activeElement 获取焦点的对象(HTMLElement)
5.scripts 所有script元素对象(HTMLCollection)
6.images 所有img元素对象(HTMLCollection)
7.forms 所有form元素对象(HTMLCollection)
8.links 所有具备href属性的a和area元素对象(HTMLCollection)
注: HTMLCollection用法同数组,length属性,[i]取值。
或者使用namedItem方法返回指定id或name的第一个元素对象。
五.通过方法获取元素对象
1.getElementById(<id>) → <HTMLElement> 返回指定id的元素对象
window.<id> 也指向该对象,前提window没有此名字的属性(不推荐)
2.getElementsByClass(<class>) → <HTMLElement[]> 返回指定classd的元素对象
3.getElementsByName(<name>) → <HTMLElement[]> 返回指定name的元素对象
4.getElementsByTagName(<tag>) → <HTMLElement[]> 返回指定标签的元素对象
5.querySelector(<selector>) → <HTMLElement> 返回css选择器第一个元素
6.querySelectorAll(<selector>) → <HTMLElement[]> 返回css选择器所有元素
注: HTMLElement对象也实现了以上方法(除了ById),故可以链式调用
7.createElement(<tag>) → <HTMLElement> 创建指定标签元素对象
8.createTextNode(<text>) → <Text> 创建指定内容的Text对象
六.输出流
1.open() 清除文档,打开新的输出流
2.write(<input1>,<input2>...) 向文档写入html内容,如当前无输出流会隐式调用open打开
3.writeln(<input1>,<input2>...) 在write基础上加换行
4.close() 关闭输出流
5.execCommand(命令 [,交互方式, 动态参数])
命令如下:
selectAll 全选
print 打印
Copy 复制
七.全屏控制
1.全屏设置
<HTMLElement>.requestFullscreen() 元素进入全屏
兼容: [ms/webkit]RequestFullscreen
exitFullscreen() 退出全屏,或者按[ESC],[F11]
兼容: [ms/webkit]ExitFullscreen
2.全屏判断
fullscreenElement 当前全屏的元素
兼容: [ms/webkit]FullscreenElement
fullscreenEnabled 是否支持全屏模式
兼容: [ms/webkit]FullscreenEnabled
3.全屏事件
fullscreenchange 全屏状态改变事件
fullscreenerror 进入全屏失败事件
兼容: webkitfullscreenchange,
MSFullscreenChange
4.全屏css伪类
:full-screen
兼容
:-webkit-full-screen 谷歌浏览器
:-ms-fullscreen IE浏览器
:fullscreen IE11浏览器
5.浏览器自身全屏
[F11] 进去或退出全屏,以上方法事件无效(两种不相干)
可以通过屏幕宽高和窗口宽高比对判断是否全屏(有滚动时不准)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)