JS对象—5.文档对象(document)

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] 进去或退出全屏,以上方法事件无效(两种不相干)
			可以通过屏幕宽高和窗口宽高比对判断是否全屏(有滚动时不准)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值