笔记9之dom编程.docx

window.event可以判断用户是通过点击按钮，还是通过按键来控制。为true时表示按键。window对象的方法除了文档里面的,还有onload()、onunload()。resizeTo、moveTo：绝对。resizeBy、moveBy：相对。window.open(“”,”_blank”);/打开一个新窗口window.open(“”,”_self”);/打开一个新窗口opener：返回对创建此窗口的窗口的引用。event对象如何绑定事件监听：document对象writeln()、与write()对浏览器而言没大区别，仅仅是添加了一个空格，并没换行。getElementById()：若多个元素id的相同，则返回第一个。id号尽量规范。getElementsByName()：function test2()var hobbies=document.getElementsByName(hobby);var res=结果:;for(var i=0;ihobbies.length;i+)if(hobbiesi.checked)res+=hobbiesi.value+,;alert(res);足球篮球旅游getElementsByTagName()：查看某个标签的数量function test3()var myObj=document.getElementsByTagName(input);var res=结果：;for(var i=0;imyObj.length;i+)res+=myObji.value+,;alert(res);document支持动态创建/添加/删除元素：查看例子document的其它属性：常用的dom的每个Node节点属性和方法（加强篇）事实上，html dom和xml dom都遵循相同dom规范的，所以他们有很多相同的方法和属性，因此我们也可以去查看xml dom的node节点。其它属性：parentNode。document.body对象使用body对象，要求文档的主体创建后才能使用。 常用方法、属性如下：innerText、innerHtml的区别：前者被当成是普通文本，后者被当成html代码。另外两个特殊事件：onSelectstart事件：用户选中文档body体的内容时激发。onScroll事件：用户拉动滚动条时触发。不能复制文本的另一种方法：此时，不用给body的onSelectstart对象赋值。其它属性：body.clientWidth：本来大小，与主动设置width无关body.clientHeight：offsetWidth：元素的实际宽度，body也有该属性。offsetHeight：元素的实际高度。document.style对象style对象不是针对某一个html元素，而是对所有的html元素而言的，也就是说，我们可以通过 document.getElementById(“id”).perty=”值”，来控制文档中的任何一个元素的样式。background-position-y：背景图片纵向移动的距离，为正时向下。background-position-x：横向右。但是在script代码里访问的话，不能使用-，需要使用驼峰命名法，改成backgroundPositionY。查看坦克转向例子复选框的全选反选案例购物车计算总价案例document.forms对象function test(obj)var myforms=document.forms;alert(方式一：+myforms0.username.value);alert(方式二：+myforms.item(0).username.value);查看该例子表单填写信息时可进行提示，如：用户名需要在4-10位之间，则可查看以下例子document.image