`
- 浏览:
433244 次
- 性别:
- 来自:
郑州
-
]有些东西用过几百遍,还是记不住,只好整理一下放在这里备用
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
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
这个压缩包中的"DHTML手册.chm"是一个关于DHTML的详细参考文档,为开发者提供了查询DOM对象、HTML元素以及JavaScript方法等功能,是编写JS代码和处理DOM操作的重要工具。 1. **DOM对象** DOM是HTML和XML文档的标准...
4. **JavaScript**:涉及变量、数据类型、函数、面向对象编程、DOM操作、AJAX等核心概念,以及一些常见的库和框架如jQuery、React等的使用。 5. **DOM**:解释DOM结构,如何通过JavaScript操作DOM节点,实现动态...
DOM是网页内容的抽象表示,JavaScript可以通过DOM API来操作这个模型。 2. **事件处理**:JavaScript可以监听和响应用户或浏览器触发的事件,如点击、滚动、键盘输入等,从而实现动态效果。 3. **CSS操作**:...
综上所述,这些资源集合涵盖了Web前端开发的核心技术,可以帮助开发者深入理解并熟练掌握CSS样式设计、DHTML动态效果的实现、DOM结构的操作以及JavaScript和jQuery的应用。通过学习这些内容,可以提升网页的互动性和...
对于初学者,JavaScript文档可能会讲解变量、函数、条件语句、循环、对象等基础知识;CSS文档则会涵盖选择器、盒模型、定位、布局等内容;HTML文档会介绍各种标签的用法及HTML5的新特性;DOM文档则会深入解析DOM结构...
5. **JS8**:虽然在描述中提到了"JS8",但在实际的JavaScript版本中并没有"JS8"这一说法。可能是误写或者特指某个特定的JavaScript库或框架。通常,JavaScript的最新稳定版本是ES(ECMAScript)的某一次发布,例如...
JavaScript可以处理事件、执行异步通信(Ajax)、操作DOM、实现动画效果,还可以通过Node.js在服务器端运行。JavaScript语法基于ECMAScript规范,其最新版本为ECMAScript 2022,每年都会发布新的特性。随着库和框架...
总结来说,"Spring+DHTML+js+java API大汇总"涵盖了现代Web开发的多个关键方面:Spring提供了强大的后端开发框架,DHTML和JavaScript构建了交互式的前端,而Java API则作为连接前后端的桥梁。了解并熟练掌握这些技术...
《DHTML + CSS + JavaScript 实用手册》是一本详尽阐述网页制作技术的综合资源,包含三大部分:DHTML完全手册、CSS滤镜手册和JavaScript语言参考手册。这些手册为网页设计师和开发者提供了全面的指导,帮助他们创建...
JavaScript 和 DHTML DOM 基础及API是Web开发中的核心概念,特别是对于动态网页设计而言。DOM(Document Object Model)是一种国际标准,由W3C(万维网联盟)制定,它为HTML和XML文档提供了一个结构化的表示,并定义...
Prototype.js是一个JavaScript库,它简化了DOM操作,提供了面向对象的编程模型,并包含了一些实用的函数和效果。 4. **Prototype.js**:这个库为JavaScript开发提供了许多便利的功能,如类和扩展机制,使得...
JavaScript的基础包括变量、数据类型、运算符、控制结构、函数等概念,更深入的学习则涉及DOM(Document Object Model)操作、AJAX(异步JavaScript和XML)以及面向对象编程等。 DHTML是HTML的一个扩展,它将HTML、...
5. jQuery:jQuery是一个流行的JavaScript库,简化了JavaScript的使用,提供了一系列便捷的函数来处理DOM操作、事件处理、动画效果和Ajax交互。jQuery的目标是“write less, do more”,极大地提高了开发效率。 这...
这些资源的综合学习,将有助于深入理解前端开发中的核心技术和工具,无论是jQuery的高效DOM操作,DHTML的动态页面交互,还是CSS3的视觉呈现,以及JavaScript的现代语法,都是构建响应式、交互性强的Web应用不可或缺...
以及JavaScript的基础语法、变量、数据类型、控制流、函数、对象、数组,以及与DOM交互的方法等。它们对于学习前端开发和提升网站交互体验至关重要。通过深入理解和熟练运用这些技术,开发者能够创建更具吸引力和...
书中的内容可能涵盖了变量、数据类型、运算符、流程控制(条件语句、循环)、函数、对象和数组等基础概念,以及事件处理、DOM(文档对象模型)操作、AJAX(异步JavaScript和XML)请求和响应、定时器等进阶主题。...
`Javascript5.5语言参考.chm` 可能是 JavaScript 的语言参考手册,包含了语言的所有语法、函数和对象的详细信息,适合初学者和进阶者查阅。 3. **DOM(Document Object Model)**: DOM 是一个标准,用于表示HTML...
通过JavaScript,开发者可以编写事件监听器、函数、定时器等,实现用户交互、页面更新、数据验证等功能。例如,当用户点击按钮时,JavaScript可以改变某个元素的样式或内容,或者加载新的数据。 **DOM(Document ...
JavaScript作为DHTML的核心,提供了事件处理、对象创建和函数调用等功能。通过监听用户的交互,如点击、滚动等,JavaScript可以触发相应的动态效果,实现页面的实时更新。此外,JavaScript还可以与服务器进行异步...
JavaScript的帮助文档可能涵盖了语法基础、面向对象编程、函数、数组、对象、正则表达式、错误处理以及各种框架和库的使用方法。 这些资源——"DHTML手册"、"JavaScript帮助文档"和"css20.chm"——对于开发者来说是...