黑马程序员_Dom的学习总结

Dom学习知识点总结

1、screen对象

screen.width:屏幕宽度 screen:hight:屏幕高度

2、clipboardData对象

（1）、 clearData("Text") 清空粘贴板
getData("Text") 读取粘贴板的值，返回粘贴板中的值;
setData("Text",val) 设置粘贴板中的值
通常我们在网站上经常用到的好友分享 就是通过复制粘贴的方式来实现的

   分享内容粘贴查看框   

（2）、oncopy 事件 当我们执行 “复制”操作的时候 执行的事件
onpaste事件 当我们执行 “粘贴”操作的时候 执行的事件

    对于"oncopy"的事件，我们也可以从网络中看到该事件实现的效果，比如说：百度文库，当我们没有登录帐号的情况下是无法进行赋值的，它是通过对我们当前登录状态进行了判断 确定未登录的情况下通过提示登录框来禁止我们进行复制操作
    对于"onpaste"的事件，通常我们网上话费充值的时候会被提示输入两次手机号（确保用户输入正确），部分用户会为了图方便，采用复制 粘贴的方式，这样对于“信息”的确认就没有意义了 开发者这时候为了尽量确保信息的“确认无误”，可以通过这一事件禁止用户进行“粘贴”操作

禁止使用粘贴输入的文本框

    有时候我们复制某网站的文章内容，在我们粘贴的时候会发现，附带了部分内容来源的信息。这个效果我们可以通过下面的方式进行实现： function modifyClipboard(){
clipboardData.setData('Text',clipboardData.getData('Text')+'该内容来自Dom学习知识点总结'+location.href);(可以通过复制screen对象区域的内容进行测试)
oncopy="setTimeout('modifyClipboard()',100"); 需要注意的该操作相当于修改粘贴板中的内容 一定要先让它复制到粘贴板以后执行 此处要设定一个时间
}

3、history操作历史记录

window.history.back();后退
window.history.forward();前进
window.history.go(-1);后退一个页面
window.history.go(1);前进一个页面

4、document属性

document是window对象的一个属性，window对象成员在使用的时候可以省略window，使用document的时候可以直接些document或者 window.document
（1）、write：动态的向页面中写入内容。writeIn 相比 write多一个回车


onclick等事件是在页面加载完成以后才可以执行的。只有在页面加载过程中wirte才会与原来的内容融合在一起
wirte经常在广告代码、整合资源代码中被利用
（2）、getElementById方法 根据元素的id获取元素的对象，其中网页中id不能重复，也可以通过id来引用元素 但是存在有效范围之类的问题，不如在form的元素 有时候会获取不到，所以最好通过getElementById()获取
（3）、getElementsByName,根据元素的name获取对象 name在页面中可以重复如 RadioButton的name是一样的 getElementByName返回值是对象数组。
（4）、getElementsByTagName 获取指定标签名称的元素数组

disabled和readonly的区别 javascript format