`
walsh
  • 浏览: 432667 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

DHTML DOM 常用js函数整理

阅读更多
]有些东西用过几百遍,还是记不住,只好整理一下放在这里备用
1.测试是否是IE
var isIE = document.all && window.external; (据说是比较安全的做法)

2.event 对像(这个比较简单,只列出常用的属性)。

 event 对像保存的是上一次事件发生的状态,常用的属性有

   clientX、clientY   事件发生时鼠标指针的坐标。(返回值为数值)

   button 哪个鼠标按键被点击(IE:1|4|2   左|中|右,非IE:0|1|2  左|中|右) 
   altKey、ctrlKey、shiftKey       哪个键被按下了

   srcElement、target  触发事件的节点(元素),前者为IE,后者为非IE。

   toElement、fromElement 移入鼠标的元素、移出鼠标的元素(mouseover 和 mouseout 事件,只IE适用)
   relatedTarget   对于 mouseover 事件来说,该属性是鼠标指针移到目标节点 上时所离开的那个节点。对于 mouseout 事件来说,该属性是离开目标时,鼠标指针进入的节点。(非IE适用)
   x,y       事件发生的位置的 x 坐标和 y 坐标,它们相对于用CSS动态定位的最内层包容元素

   type      事件类型(mousemove,mouseover等)

3.获取节点
  oElement = document . getElementById ( sID )
  oElements = document . getElementsByName ( sName )
  arrElements = object . getElementsByTagName ( sTagName )
  oElements = object . tags ( sTagName ) sTagname 为标记名,如 "table"、"div"
  oElement = document . elementFromPoint ( iX , iY )    iX 、iY 提供的坐标是客户区坐标,客户区的左上角为 (0,0)。
  IE下还可以用 document.all.id 或 document.all("id")方法获取节点

   
4.节点(element)操作
  4.1 创建节点 oElement=document.createElement(节点类型)
  4.2 添加节点(把节点加入到DOM链)
     1. oElement = 父节点.appendChild (新创建的节点)
     2. 父节点.applyElement(新创建的节点,sWhere)     其中sWhere取值为 outside|inside  outside:默认值。将 oElement 添加为 object 的父对象。inside:将 oElement 添加为 object 的子对象。但 oElement 将成为 object 的原所有子对象的父对象。
     3. oElement = object . insertAdjacentElement ( sWhere , oElement )   
      插入邻近节点,sWhere 取值beforeBegin:将 oElement 插到 object 的开始标签之前。afterBegin:将oElement 插到 object 的开始标签之后。但是在 object 的所有原有内容之前。 beforeEnd   : 将oElement 插到 object 的结束标签之前。但是在 object 的所有原有内容之后。 afterEnd:将oElement 插到 object 的结束标签之后。
     4. oElement = object . insertBefore ( oNewNode , oChildNode )   
插入到某个子节点(oChildNod)前面,oChildNode可为空,此时插入到最后一个子节点后面黄
  4.3 删除节点 
     1. 节点数组.remove(节点索引)   从节点数组中删除对应节点索引的对象。
     2. object.removeNode(bRemoveChildren)  删除object节点,bRemoveChildren是否删除子节点
     3. object.removeChild(子节点) 删除子节点
  4.4 替换节点
     1. oElement = object . replaceNode ( oNewNode )
     2. oElement = object . replaceChild ( oNewNode , oChild )
  4.5 交换节点
     object . swapNode ( oNode )   object 与 oNode 交换
  4.6 复制节点
     oElement = object . cloneNode ( bCloneChildren )   bCloneChildren 是否包括子节点
  4.7 是否包含节点 
     bFound = object . contains ( oElement )   返回是否object包含oElement
  4.8 是否有子节点
     bChildNodes = object . hasChildNodes()
  4.9 Select下的Options操作
     添加  oSelect.options.add (option,iIndex)

5.节点属性操作
  object . setAttribute ( sName , vValue , iFlags )  sName,属性名;iFlags,0|1,是否区分大小写
  vAttrValue = object . getAttribute ( sAttrName , iFlags )   iFlags,0|1,是否区分大小写
  bSuccess = object . removeAttribute ( sName,iCaseSensitive )   iCaseSensitive,0|1,是否区分大小写
  object . clearAttributes ()   清除所有持久性属性
  object . mergeAttributes ( oSource , bPreserve )   从oSource复制所有可读写属性到object,若bPreserve为true不复制id,name

6.窗口操作
  popup . show ( iX , iY , iWidth , iHeight , oElement )
  oPopup = window . createPopup ( vArgs )
  popup . hide ()
  bConfirmed = window . confirm ( sMessage )
  oNewWindow = window . open ( sURL , sName , sFeatures , bReplace )
  vReturnValue = window . showModalDialog ( sURL , vArguments , sFeatures )
  vReturnValue = window . showModelessDialog ( sURL , vArguments , sFeatures )

  window . resizeBy ( iX , iY )
  window . resizeTo ( iWidth , iHeight )  

7.其它常用
  location . assign ( sURL ) 加载一个新的HTML文档到当前窗口。(同location="sURL")
  object . blur () 失去焦点
  object . focus () 焦点
  object . click () 模拟点击
  window . close () 关闭窗口
  bSuccess = object . execCommand ( sCommand , bUserInterface , vValue ) 执行命令,常用的命令有copy、paste、Delete、Cut、Unselect、SelectAll、SaveAs、print
分享到:
评论

相关推荐

    DHTML文档帮助,可查询dom对象,html的对象,方法等。编写js代码的常用工具。

    这个压缩包中的"DHTML手册.chm"是一个关于DHTML的详细参考文档,为开发者提供了查询DOM对象、HTML元素以及JavaScript方法等功能,是编写JS代码和处理DOM操作的重要工具。 1. **DOM对象** DOM是HTML和XML文档的标准...

    dhtml-html-css-javascript-dom帮助文档(.chm)五合一

    4. **JavaScript**:涉及变量、数据类型、函数、面向对象编程、DOM操作、AJAX等核心概念,以及一些常见的库和框架如jQuery、React等的使用。 5. **DOM**:解释DOM结构,如何通过JavaScript操作DOM节点,实现动态...

    DHTML文档,JAVASCRIPT文档

    DOM是网页内容的抽象表示,JavaScript可以通过DOM API来操作这个模型。 2. **事件处理**:JavaScript可以监听和响应用户或浏览器触发的事件,如点击、滚动、键盘输入等,从而实现动态效果。 3. **CSS操作**:...

    css、dhtml、dom文档

    综上所述,这些资源集合涵盖了Web前端开发的核心技术,可以帮助开发者深入理解并熟练掌握CSS样式设计、DHTML动态效果的实现、DOM结构的操作以及JavaScript和jQuery的应用。通过学习这些内容,可以提升网页的互动性和...

    JavaScript,CSS,DHTML,DOM帮助文档(四个文件)

    对于初学者,JavaScript文档可能会讲解变量、函数、条件语句、循环、对象等基础知识;CSS文档则会涵盖选择器、盒模型、定位、布局等内容;HTML文档会介绍各种标签的用法及HTML5的新特性;DOM文档则会深入解析DOM结构...

    DHTML和JS8帮助文档

    5. **JS8**:虽然在描述中提到了"JS8",但在实际的JavaScript版本中并没有"JS8"这一说法。可能是误写或者特指某个特定的JavaScript库或框架。通常,JavaScript的最新稳定版本是ES(ECMAScript)的某一次发布,例如...

    css+DHTML+js+XMLDOM手册

    JavaScript可以处理事件、执行异步通信(Ajax)、操作DOM、实现动画效果,还可以通过Node.js在服务器端运行。JavaScript语法基于ECMAScript规范,其最新版本为ECMAScript 2022,每年都会发布新的特性。随着库和框架...

    Spring+DHTML+js+java API大汇总

    总结来说,"Spring+DHTML+js+java API大汇总"涵盖了现代Web开发的多个关键方面:Spring提供了强大的后端开发框架,DHTML和JavaScript构建了交互式的前端,而Java API则作为连接前后端的桥梁。了解并熟练掌握这些技术...

    DHTML + CSS + JavaScript 实用手册

    《DHTML + CSS + JavaScript 实用手册》是一本详尽阐述网页制作技术的综合资源,包含三大部分:DHTML完全手册、CSS滤镜手册和JavaScript语言参考手册。这些手册为网页设计师和开发者提供了全面的指导,帮助他们创建...

    Javascript & DHTML DOM基础和基本API第1/5页

    JavaScript 和 DHTML DOM 基础及API是Web开发中的核心概念,特别是对于动态网页设计而言。DOM(Document Object Model)是一种国际标准,由W3C(万维网联盟)制定,它为HTML和XML文档提供了一个结构化的表示,并定义...

    DHTML JAVASCRIPT

    Prototype.js是一个JavaScript库,它简化了DOM操作,提供了面向对象的编程模型,并包含了一些实用的函数和效果。 4. **Prototype.js**:这个库为JavaScript开发提供了许多便利的功能,如类和扩展机制,使得...

    JavaScript DHTML CSS手册

    JavaScript的基础包括变量、数据类型、运算符、控制结构、函数等概念,更深入的学习则涉及DOM(Document Object Model)操作、AJAX(异步JavaScript和XML)以及面向对象编程等。 DHTML是HTML的一个扩展,它将HTML、...

    web开发API(dom+dhtml+css+js+jquery)

    5. jQuery:jQuery是一个流行的JavaScript库,简化了JavaScript的使用,提供了一系列便捷的函数来处理DOM操作、事件处理、动画效果和Ajax交互。jQuery的目标是“write less, do more”,极大地提高了开发效率。 这...

    Jquery详解 dhtml js css手册

    这些资源的综合学习,将有助于深入理解前端开发中的核心技术和工具,无论是jQuery的高效DOM操作,DHTML的动态页面交互,还是CSS3的视觉呈现,以及JavaScript的现代语法,都是构建响应式、交互性强的Web应用不可或缺...

    帮助文档 Css DHTML 手册 Javascript5.5语言参考

    以及JavaScript的基础语法、变量、数据类型、控制流、函数、对象、数组,以及与DOM交互的方法等。它们对于学习前端开发和提升网站交互体验至关重要。通过深入理解和熟练运用这些技术,开发者能够创建更具吸引力和...

    dhtml and javascript 英文原版

    书中的内容可能涵盖了变量、数据类型、运算符、流程控制(条件语句、循环)、函数、对象和数组等基础概念,以及事件处理、DOM(文档对象模型)操作、AJAX(异步JavaScript和XML)请求和响应、定时器等进阶主题。...

    javascript+dhtml文档(4个)

    `Javascript5.5语言参考.chm` 可能是 JavaScript 的语言参考手册,包含了语言的所有语法、函数和对象的详细信息,适合初学者和进阶者查阅。 3. **DOM(Document Object Model)**: DOM 是一个标准,用于表示HTML...

    DHTML 手册 DHTML 手册

    通过JavaScript,开发者可以编写事件监听器、函数、定时器等,实现用户交互、页面更新、数据验证等功能。例如,当用户点击按钮时,JavaScript可以改变某个元素的样式或内容,或者加载新的数据。 **DOM(Document ...

    DHTML手册 DHTML手册

    JavaScript作为DHTML的核心,提供了事件处理、对象创建和函数调用等功能。通过监听用户的交互,如点击、滚动等,JavaScript可以触发相应的动态效果,实现页面的实时更新。此外,JavaScript还可以与服务器进行异步...

    css,DHTML,JavaScript帮助文档大全

    JavaScript的帮助文档可能涵盖了语法基础、面向对象编程、函数、数组、对象、正则表达式、错误处理以及各种框架和库的使用方法。 这些资源——"DHTML手册"、"JavaScript帮助文档"和"css20.chm"——对于开发者来说是...

Global site tag (gtag.js) - Google Analytics