事宜
事宜:鼠标事宜,键盘事宜,进度事宜,表单事宜,触摸事宜,拖沓事宜,其他罕见事宜.GlobalEventHandler接口
DOM(文档对象模子)是JavaScript操纵网页的接口,将网页转为一个树状构造,一切的节点都有托言.
DOM的最小单元是节点,节点的范例有七种且都继续Node,Document(悉数文档树的顶层节点),DocumentType(doctype标签),
Element(网页的种种HTML标签),Attrbute(网页元素的属性),Text(标签之间或标签包括的文本),Commnet(解释),
DocumentFragment(文档的片断).阅读器原生供应document节点,代表悉数文档.网页的第一个标签<html>,作为根节点,其他节点有三种层级关联:父节点关联,子节点关联,同级关联.
DOM:nodeName:节点的称号nodeValue节点的值nodeType:节点的范例.除根节点,一切节点都有:父节点,子节点,同级节点.
(1):子节点: childNodes:猎取子节点列表 firstChild:第一个节点 lastChild:末了一个节点 children: 元素的子节点 firstElementChild:第一个子元素节点 lastElementChild :末了一个节点
兄弟节点: previousSibling:前一个兄弟节点 nextSibling下一个兄弟节点 previousElementSibling:前一个兄弟元素节点. nextElementSibling :后一个兄弟元素节点.
建立节点: createElement() : 建立新的元素节点 createTextNode():建立一个新的文本节点
node_textContent : 猎取或设置元素节点的文本内容 node_innerHTML :猎取或设置元素的HTML内容
向上猎取:parentNode 猎取已知节点的父节点. parentElement和closest
向下猎取:querySelector() querySelectorAll() children firstchildren lastChildren chilNodes
兄弟元素: nextElementSibling prevliousElementSibling nextSibling previousSibling
2.document(4):
getElementsByName() : 返回带有”指定称号”的节点树对象的”鸠合””==返回元素的数组.
getElementsByTagName() : 返回带有指定”标署名的节点对象”的鸠合,返回的递次与在文档中雷同.
getElementById() : 猎取元素ID.
getElementsByClassName(classname) :返回一切指定class元素雷同的元素.
document.querySelector(“CSS挑选器”) //返回的内容一直找到的是HTML中指定的第一个元素.
document.querySelectorAll(“CSS挑选器”) // 函数返回一切元素,它找到婚配你供应的任何挑选器.
3.属性操纵(3):
猎取属性 getAttribute() : 经由过程元素节点的属性称号猎取属性的值.
设置属性 setSttribue() : 建立或转变元素节点的属性.
删除属性 removeAttribute : 经由过程元素节点的属性称号删除节点属性.
4.节点操纵(8):
插进去节点 appendChild() :在指定节点的末了一个子节点列表以后插进去一个新的子节点
插进去节点 insertBefore() : 在已有的子节点前插进去一个新的子节点.
删除节点 removeChild() : 删除子节点列表的某个节点,删除胜利,返回被删除的节点,否返回null.
复制节点 cloneNode 语法: 节点.cloneNode(true/flase). 复制当前节点及其一切子节点 flase 仅复制当前节点.
替换节点 replaceChild() : 完成子节点(对象)的替换,返回被替换对象的援用.
建立元素节点createElement:建立元素节点,此要领可返回一个Element对象.语法document.createElement(tagName).
建立文本节点 createTextNode : 建立新的文本节点,返回新建立的Text节点. 语法: document.createNode(data).
建立属性节点createAttribute :建立属性节点.语法: document.createAttribute(元素元素属性).
5.文本操纵(6):
insertData(offset,String) : 从offset指定位置插进去string.
appendData(String) : 将string插进去文本节点的末端处.
deletaDate(offset,count) : 从offset起删除count个字符.
replaceData(off,count,string) 从off将count个字符用string替换.
splitData(offset) 从offset起将文本分红两个节点.
substring(offset,count) 返回由offset起的count个节点.
6.小操纵
console.log(document.getElementsByTagName(“*”));
console.log(document.all);
事宜:一切的元素都有事宜,为事宜绑定函数,元素事宜发作,就会触发对应的函数.
HTML与JS之间的交互经由过程事宜来完成,事宜是文档与阅读器窗口发作的一些特定的交互霎时,每种行动:load,click等.
冒泡事宜:由里向外,最里层的元素先实行,然后冒泡到外层.
捕捉事宜:由外到内,最外层的元素先实行,然后通报到内部.
只需修正 addEventListener的第三个参数，true 为捕捉，false 为冒泡，默以为冒泡
在页首的剧本增加onload事宜,能够使其耽误加载.守候DOM构造完成以后,故最好将外部js剧本放在页尾.
罕见事宜:
onclick 鼠标单击时触发的事宜 ondblclick 鼠标双击时触发的事宜 onmouseover 鼠标挪动到某对象局限的上方时触发此事宜
onmouseout 鼠标脱离某对象局限时触发 onmousedown 鼠标按下时触发此事宜 onmouseup 鼠标按下后松开鼠标时触发此事宜
onmousemove 鼠标挪动时触发此事宜
键盘事宜:
onkeypress 键盘上的某个键被按下而且开释时触发此事宜 onkeydown 键盘上某个按键被按下时触发此事宜
onkeyup 当键盘上某个按键被按摊开时触发此事宜
页面相干事宜:
onscroll 阅读器的滚动条位置发作变化时触发此事宜 onload 页面内容完成时触发此事宜
onbeforeunload 当前页面的内容将要被转变时触发此事宜 onerror 涌现错误时触发此事宜
onmove 阅读器的窗口被挪动时触发此事宜 onresize 当阅读器的窗口大小被转变时触发此事宜
onstop 阅读器的住手按钮被按下时触发此事宜或许正在下载的文件被中缀 onunload 当前页面将被转变时触发此事宜
表单相干事宜:
onfocus 当某个元素取得核心时触发此事宜 onchange 当前元素落空核心而且元素的内容发作转变而触发此事宜
onsubmit 一个表单被递交时触发此事宜 onreset 当表单中RESET的属性被引发时触发此事宜
页面编辑事宜:
onbeforecopy 当页面当前的被挑选内容将要[复制]到阅读者体系的剪贴板前触发此事宜
onbeforecut 当页面当前的被挑选内容将要[剪切]到阅读者体系的剪贴板前触发此事宜
onbeforeeditfocus 当前元素将要进入[编辑]状况
onbeforepaste 内容将要从阅读者的体系剪贴板传送[粘贴]到页面中时触发此事宜
onbeforeupdate 当阅读者[粘贴]体系剪贴板中的内容时关照目的对象
oncontextmenu 当阅读者按下鼠标右键涌现菜单时或许经由过程键盘的按键触发页面菜单时触发的事宜
oncopy 当页面当前的被挑选内容被[复制]后触发此事宜 oncut 当页面当前的被挑选内容被剪切时触发此事宜
onpaste 当内容被粘贴时触发此事宜 onselect 当文本内容被挑选时的事宜
onselectstart 当文本内容挑选将最先发作时触发的事宜ondrag 当某个对象被拖动时触发此事宜 [运动事宜]
ondragdrop 一个外部对象被鼠标拖进当前窗口或许帧
ondragend 当鼠标拖动结束时触发此事宜，即鼠标的按钮被开释了
ondragenter 当对象被鼠标拖动的对象进入其容器局限内时触发此事宜
ondragleave 当对象被鼠标拖动的对象脱离其容器局限内时触发此事宜
ondragover 当某被拖动的对象在另一对象容器局限内拖动时触发此事宜
ondragstart 当某对象将被拖动时触发此事宜 ondrop 在一个拖动过程当中，开释鼠标键时触发此事宜
onlosecapture 当元素落空鼠标挪动所构成的挑选核心时触发此事宜
数据绑定:
onafterupdate 当数据完成由数据源到对象的传送时触发此事宜
oncellchange 当数据泉源发作变化时
ondataavailable 当数据吸收完成时触发事宜
ondatasetchanged 数据在数据源发作变化时触发的事宜
ondatasetcomplete 当来子数据源的悉数有用数据读取终了时触发此事宜
onerrorupdate 当运用onBeforeUpdate事宜触发取消了数据传送时，替代onAfterUpdate事宜
onrowenter 当前数据源的数据发作变化而且有新的有用数据时触发的事宜
onrowexit 当前数据源的数据将要发作变化时触发的事宜
onrowsdelete 当前数据纪录将被删除时触发此事宜
onrowsinserted 当前数据源将要插进去新数据纪录时触发此事宜
外部事宜:
onafterprint 当文档被打印后触发此事宜 onbeforeprint 当文档行将打印时触发此事宜
onfilterchange 当某个对象的滤镜结果发作变化时触发的事宜 onhelp 当阅读者按下F1或许阅读器的协助挑选时触发此事宜
onpropertychange 当对象的属性之一发作变化时触发此事宜 onreadystatechange 当对象的初始化属性值发作变化时触发此事宜
BOM:阅读器对象模子.阅读器内置JavaScript剧本语言,也就是内置JS引擎.供应种种托言.让JS掌握阅读器种种功用.
location用于存储当前页面URL信息的对象.
要领: reload(): 无参数，从新载入当前页面,也能够location=location. Navigator 对象包括有关阅读器的信息
要领: appCodeName：阅读器名字符串示意 appName：返回阅读器的称号 appVersion：返回阅读器的平台和版本信息
platform：返回运转阅读器的操纵体系平台 userAgent 返回由客户机发送服务器的user-agent头部的值screen对象用于猎取用户的屏幕信息。
要领: availHeight:可用的屏幕高度. availWidth：窗口可用的屏幕宽度. colorDepth：阅读器示意的色彩位数.
pixelDepth：用户阅读器示意的色彩位数. height：屏幕的像素高度. width：屏幕的像素宽度.history对象: back()返回前一个url forward()返回下一个url go(+1/-1)返回某个详细页面.
