《瀏覽器對象和》ppt課件(文件)
【正文】 X/clientY鼠標指針位置相對于窗口的坐標 ?offsetX,offsetY鼠標指針位置相對于觸發(fā)事件的坐標 ?keyCode與導致事件的按鍵關(guān)聯(lián)的 Unicode 按鍵代碼 ?screenX、 screenY鼠標指針位置相對于觸發(fā)事件的對象的坐標 ?returnValue事件的返回值 盡管所有事件屬性都可通過所有的 event 對象訪問，但是在某些事件中某些屬性可能無意義。 borderwidth:1px。display:none。 = 。 } /script 鼠標單擊的位置 處理鼠標事件 JS部分 25 Dom基礎(chǔ) html head titleTrees, trees, everywhere/title /head body h1Trees, trees, everywhere/h1 pWele to a emreally/em boring page./p div Come again soon. img src= / /div /body /html 通常的 html文檔 Html是一個樹形結(jié)構(gòu) 26 Dom節(jié)點 節(jié)點是 DOM 中最基本的對象類型，節(jié)點就是 DMO 樹中的任何事物 節(jié)點的主要屬性： ? nodeName 節(jié)點的名稱。 ? firstChild childNodes 列表中第一個節(jié)點。 ? attributes 僅用于元素節(jié)點，返回元素的屬性列表。 if (headElement != null) { var titleElement = (title)[0]。)。 ?replaceChild(newChild, oldChild) 用 newChild 節(jié)點替換 oldChild 節(jié)點。 ?hasChildNodes() 在調(diào)用該方法的節(jié)點有孩子時則返回 true， 否則返回 false。 var headElement = (head)[0]。 while (() != “body”) {//尋找 body標簽 bodyElement = 。 if (() == “img”) { (currentNode)。 (text)。 //設(shè)置 width屬性 (width, 130)。 ?insertData(position, text) 允許在文本節(jié)點的中間插入數(shù)據(jù)。 i++) { var pElement = (i)。 if ( == ) { alert(We39。 the text is + )。)。s an attribute named + + with a value of 39。 } else if ( == ) { alert(It39。 alert(text)。 for (i=0。 //將元素添加到 body中 (imgElement)。 32 元素節(jié)點 元素節(jié)點 屬性處理有關(guān)的方法： ?getAttribute(name) 返回名為 name 的屬性值 ?removeAttribute(name) 刪除名為 name 的屬性 ?setAttribute(name, value) 創(chuàng)建一個名為 name 的屬性并將其值設(shè)為 value ?getAttributeNode(name) 返回名為 name 的屬性節(jié)點 ?removeAttributeNode(node) 刪除與指定節(jié)點匹配的屬性節(jié)點 查找嵌套元素有關(guān)的方法： ?getElementsByTagName(elementName) 返回具有指定名稱的元素節(jié)點列表 33 元素節(jié)點 //創(chuàng)建 img元素 var imgElement = (img)。 / /body html部分 單擊按鈕圖片消失 31 文檔節(jié)點 文檔節(jié)點 document 對象創(chuàng)建新節(jié)點： ?createElement(elementName) 使用給定的名稱創(chuàng)建一個元素 ?createTextNode(text) 使用提供的文本創(chuàng)建一個新的文本節(jié)點 ?createAttribute(attributeName) 用提供的名稱創(chuàng)建一個新屬性 var pElement = (p)。 i。 if (titleElement != null) { var titleText = 。 29 Dom方法 script language=JavaScript function test() { var myDocument = document。
教學課件相關(guān)推薦
鄂ICP備17016276號-1