节点层次

文档节点是每个文档的根节点。元素，是document的子节点，诚挚为文档元素。文档元素是文档的最外层元素，文档中的其他所有元素都包含在文档元素中。每个文档只能有一个文档元素。在HTML页面中，文档元素始终都是元素。在xml中，没有预定义的元素，因此任何元素都可能成为文档元素。

Node类型

DOM1级定义了一个Node接口，该接口将由DOM中的所有节点类型实现。这个Node接口在JavaScript中是作为Node类型实现的；除IE外，在其他所有浏览器中都可以访问到这个类型。JavaScript中的所有节点类型都继承自Node类型，因此所有节点类型都共享着相同的基本属性和方法。

每个节点都有一个nodeType属性，表示节点的类型。

Node.ELEMENT_NODE 1

Node.ATTRIBUTE_NODE 2

Node.TEXT_NODE 3

Node.CDATA_SECTION_NODE 4

Node.ENTITY_REFERENCE_NODE 5

Node.ENTITY_NODE 6

Node.PROCESSING_INSTRUCTION_NODE 7

Node.COMMENT_NODE 8

Node.DOCUMENT_NODE 9

Node.DOCUMENT_TYPE_NODE 10

Node.DOCUMENT_FRAGMENT_NODE 11

Node.NOTATION_NODE 12

并不是所有节点类型都受到Web浏览器的支持。最常用的就是元素和文本节点。

nodeName和nodeValue属性

节点关系

childNodes：保存一个NodeList对象。NodeList是一个类数组对象，用于保存一组有序的节点，可以通过位置来访问这些节点。它不是Array的实例。独特之处在于，它实际上是结余DOM结构动态执行查询的结果。

访问方式：someNode.childNodes[1];someNode.childNodes.item(1);

parentNode

previousSibling、nextSibling、firstChild、lastChild

ownerDocument

操作节点

appendChild

insertBefore

replaceChild

removeChild

其他方法

cloneNode，参数为true深复制；false，浅复制

normalize

Document类型

在浏览器中document对象是HTMLDocument（继承自Document）的一个实例，表示整个HTML页面。而且，document对象是window对象的一个属性。因此可以将其作为全局对象来访问。

nodeType ： 9

nodeName：#document

nodeValue：null

parentNode：null

ownerDocument：null

子节点类型可能是DocumentType（最多一个）、Element（最多一个）、ProcessingInstruction或Comment。

文档的子节点

还有两个内置的访问其子节点的快捷方式。documentElement，始终指向HTML页面中的元素；childNodes。

document.documentElement;//

document.childNodes[0];//

document.body;//

子节点DocumentType：

通过document.doctype属性访问，浏览器支持不一。

文档信息

title：，document.title修改该值不会改变title元素</p> <p>3个与页面的请求有关：</p> <p>URL：完整的URL</p> <p>domain：页面的域名</p> <p>referrer：连接到当前页面的那个页面的URL</p> <p>所有这些信息都存在于请求的HTTP头部，值不过是通过这些属性让我们能够在JavaScript中访问他们而已。</p> <p>由于跨域安全限制，来自不同紫玉的页面无法通过JavaScript通信。而通过将每个页面的document.domain设置为相同的值，这些页面就可以互相访问对方包含的JavaScript对象了。</p> <p>查找元素</p> <p><b>getElementById</b>：要取得的元素的ID，返回一个元素</p> <p><b>getElementsByTagName</b>：标签名，返回一个NodeList，其实是一个HTMLCollection对象。通过方括号、item、namedItem访问元素。</p> <p>getElementsByName：name特性</p> <p>特殊集合：</p> <p>document.anchors，包含文档中所有带name特性的<a>元素</p> <p>document.applets,</p> <p>document.forms，包含所有<form>元素，同document.getElementsByTagName("form")</p> <p>document.images，包含文档中所有的<img>元素，同document.getElementsByTagName("img")</p> <p>document.links，包含所有带有href特性的<a></p> <p>DOM一致性检测</p> <p>document.implementation的hasFeature方法，两个参数，要检测的DOM功能的名称及版本号。</p> <p>文档写入</p> <p>write、writeln、open、close</p> <h3>Element类型</h3> <p>nodeType：1</p> <p>nodeName：元素的标签名</p> <p>nodeValue：null</p> <p>parentNode：可能是Document或Element</p> <p>子节点可能是Element、Text、Comment、ProcessingInstruction、CDATASection或EntityReference</p> <p>标签名：tagName或nodeName</p> <p>HTML元素</p> <p>所有HTML元素都由HTMLElement类型表示，不是直接通过这个类型，也是通过它的子类型表示。</p> <p>id，元素在文档中的唯一标识符</p> <p>title，有关元素的附加说明信息，一般通过工具提示条显式</p> <p>lang，元素内容的语言代码，很少使用</p> <p>dir，语言的方向，值为ltr或rtl</p> <p>className，与元素的class特性对应</p> <p>取得特性</p> <p>getAttribute</p> <p>setAttribute</p> <p>removeAttribute</p> <p>不经常使用getAttribute，而是只使用对象的属性。</p> <p>attributes属性</p> <p>包含一个NamedNodeMap，与NodeList类似。</p> <p>getNamedItem(name)</p> <p>removeNamedItem(name)</p> <p>setNamedItem(node)</p> <p>item(pos)</p> <p>element.attributes.getNamedItem("id").nodeValue;</p> <p>element.attributes["id"].nodeValue</p> <p>创建元素</p> <p>document.createElement()，只有一个参数，即要创建元素的标签名。</p> <h3>Text元素</h3> <p>nodeType：3</p> <p>nodeName：#text</p> <p>nodeValue：包含的文本</p> <p>parent：一个Element</p> <p>不支持子节点</p> <p>操作方法：</p> <p>appendData(text)</p> <p>deleteData(offset, count)</p> <p>insertData(offset, text)</p> <p>replaceData(offset, count, text)</p> <p>splitText(offset)</p> <p>substringData(offset, count)</p> <p>length</p> <p>修改文本节点时注意，此时的字符串会经过HTML（或XML）编码，小于号、大于号或引号都会转义。</p> <p>创建文本节点</p> <p>document.createTextNode()</p> <p>规范化文本节点</p> <p>normalize()</p> <p>分割文本节点</p> <p>splitText()</p> <h3>Comment类型</h3> <p>nodeType:8</p> <p>nodeName:#comment</p> <p>nodeValue:注释的内容</p> <p>parentNode:可能是Document或Element</p> <p>不支持子节点</p> <p>与Text类型继承自相同的基类，因此拥有除splitText之外的所有字符串操作方法。</p> <p>document.createComment()</p> <h3>CDATASection类型</h3> <p>只针对XML文档，表示的是CDATA区域，与Comment类似，继承自Text类型，拥有除了splitText外的所有字符串操作方法</p> <p>nodeType：4</p> <p>nodeName：#cdata-section</p> <p>nodeValue：CDATA区域中的内容</p> <p>parentNode：可能是Document或Element</p> <p>不支持子节点</p> <h3>DocumentType类型</h3> <p>nodeType：10</p> <p>nodeName：doctype的名称</p> <p>nodeValue：null</p> <p>parentNode：Document </p> <p>不支持子节点</p> <h3>DocumentFragment类型</h3> <p><br></p> <h3>Attr类型</h3> <p>name：特性名称</p> <p>value：值</p> <p>specified：布尔值，区别特性是在代码中指定的，还是默认的</p> <p>document.createAttribute</p> <p>DOM操作技术</p> <h1>动态脚本</h1> </article> </div> </div> </div>  <div id="SOHUCS" sid="1247287849041121280"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script>  <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad">  <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div>  <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div>  <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(JavaScriptDOM)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1831317600060141568.htm" title="第七篇-JavascriptDOM 文档对象模型" target="_blank">第七篇-JavascriptDOM 文档对象模型</a> <span class="text-muted">小鼠米奇</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>JavascriptDOM概念当网页被加载时，浏览器会创建页面的文档对象模型（DocumentObjectModel），简称DOM。DOM模型被结构化为对象树，又称DOM树。树的每个节点代表文档中的一个元素、属性、文本等。JavaScriptDOM是用来操作HTML文档的一种编程接口，通过它可以实现对文档的各种操作和交互。Javascript获取HTML元素1、使用getElementById()</div> </li> <li><a href="/article/1828829792133279744.htm" title="JS中DOM详解【十大点】" target="_blank">JS中DOM详解【十大点】</a> <span class="text-muted">OEC小胖胖</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a> <div>JavaScriptDOM详解JavaScript中的DOM（文档对象模型）是前端开发的重要知识点。它通过对象结构来表示HTML或XML文档，并提供对其内容进行操作的接口。本文将详细介绍DOM的基础知识、常用操作和事件处理等内容，确保全面且深入。1.DOM概述文档对象模型（DOM,DocumentObjectModel）是浏览器对HTML和XML文档的编程接口。DOM将整个文档作为树结构，其中的每</div> </li> <li><a href="/article/1765760774157983744.htm" title="JavaScript DOM (Document Object Model) 面试题" target="_blank">JavaScript DOM (Document Object Model) 面试题</a> <span class="text-muted">qq_42431718</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a> <div>JavaScriptDOM(DocumentObjectModel)面试题1.什么是DOM？DOM是DocumentObjectModel的缩写，它是一种表示和操作HTML、XML和XHTML文档的标准编程接口。DOM将文档解析为一个由节点和对象（包括元素、文本等）组成的结构树，开发者可以使用DOM提供的方法和属性来操作和修改文档的内容、结构和样式。2.什么是JSDOM？JSDOM是Node.js</div> </li> <li><a href="/article/1748822513082712064.htm" title="推荐学习JavaScript的优秀书籍" target="_blank">推荐学习JavaScript的优秀书籍</a> <span class="text-muted">handsome-wolf</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>在2024年，对于学习JavaScript的优秀书籍，我有以下几个推荐：《JavaScriptDOM编程艺术》：这本书用简单的图片库和动画案例，让你快速入门JS，产生兴趣。如果想全面的学习JS还是不够的，推荐以下两本书。《JavaScript高级程序设计》（红宝书）：这是几代前端体系化学习JS必看的书，和犀牛书齐名。第四版全面使用ES6+的语法，除了语法层面的全面更新，浏览器方便也加入了DOM4的</div> </li> <li><a href="/article/1745116994232926208.htm" title="实习语雀文章" target="_blank">实习语雀文章</a> <span class="text-muted">Chasingcar_501</span> <div>经过这段时间的学习和实践，对React有了一定的了解，谨以此文记录自己对React的认识。如有不妥之处，欢迎批评指正。React的三项核心技术：虚拟DOM响应式UI组件一、虚拟DOMDOM（DocumentObjectModel）说到虚拟DOM，我们先来回顾一下什么是DOM。在《JavaScriptDOM编程方法》中的定义是：DOM是一套对文档的内容进行抽象和概念化的方法。简而言之，它是文档对应的</div> </li> <li><a href="/article/1738445325519085568.htm" title="前端三剑客实验7-8-复盘" target="_blank">前端三剑客实验7-8-复盘</a> <span class="text-muted">-Z_Nuyoah</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>实验7JavascriptDOM-2操作实验源代码见文章末尾，免费自提1、实现如下编程内容：1.自行编制案例，使用上排它思想和自定义属性2.编制一个留言本，要求如下：留言信息录入后，按录入的先后顺序，后输入的排在前面。每条留言的后方都提供了一个“删除”链接，可以删除该留言信息2、具体实现1、第一题（按键的排他实现）按键排他思想实现按钮1按钮2按钮3按钮4按钮5//获取所有按钮元素varbtns=d</div> </li> <li><a href="/article/1736806659109478400.htm" title="BFC和DOM初级认知总结" target="_blank">BFC和DOM初级认知总结</a> <span class="text-muted">89089答复</span> <div>DOM最近看了JavaScriptDOM编程艺术这本书的DOM章节，下面就总结下DOM这个章节关于DOM的知识点HTML是个树结构，其中涉及到的概念有：节点node，元素节点elementnode,文本节点textnode，属性节点attributenode涉及到的方法有五个：getElementById()/getElementByTagName()/getElementByClassName(</div> </li> <li><a href="/article/1727771286903533568.htm" title="react总结之jsx是什么，jsx语法规则" target="_blank">react总结之jsx是什么，jsx语法规则</a> <span class="text-muted">无人与我粥可温</span> <a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>文章目录目录一、jsx是什么？二、jsx的优点三、jsx语法规则一、jsx是什么？jSX代表JavascriptXML。它是Javascript和Html的融合。它是一种类似于HTML的标记语法，用于描述应用程序的UI外观。总体上使代码易于理解和调试，避免了复杂的javascriptDOM结构。我们也可以用纯旧的JavaScript编写，这使得开发更快更容易。二、jsx的优点优点：1.JSX执行更</div> </li> <li><a href="/article/1724612263018573824.htm" title="《JavaScript DOM 编程艺术》-- 总结" target="_blank">《JavaScript DOM 编程艺术》-- 总结</a> <span class="text-muted">HanIngU</span> <a class="tag" taget="_blank" href="/search/%E6%9B%BE%E7%BB%8F%E9%82%A3%E4%BA%9B%E7%9C%8B%E8%BF%87%E7%9A%84%E4%B9%A6/1.htm">曾经那些看过的书</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>今天看完了JavaScriptDOM编程艺术，大概是用了三个星期的时间陆陆续续看完的。这本书关于JavaScript的知识点不多，但是展现的确实和标题一样，着重的是结构分离和平稳退化的思想，对于刚入门的新手，可以很好地建立良好的编程意识。下面总结一下。平稳退化书中以**如果JavaScript功能被禁用，会怎么样？**的假设引出，以点击链接在相应位置显现图片为例子，若禁用，如何使功能平稳退化，如以</div> </li> <li><a href="/article/1721484281404010496.htm" title="《JavaScript DOM编程艺术》11：动态创建标记" target="_blank">《JavaScript DOM编程艺术》11：动态创建标记</a> <span class="text-muted">ZackLive</span> <div>这是《JavaScript学徒》系列的第十一课，今天会进入《JavaScriptDOM编程艺术》第7章，我们会一起学习如何用JavaScript动态创建标记。动态的意思是，在程式运行中创建标记，而不是在运行前就已经写好在index.html里面。之前，我们学习的是如何用JavaScript操作那些已经写好在index.html中的标记，现在我们要用JavaScript直接创建标记。本文同步发表于我</div> </li> <li><a href="/article/1718240705224192000.htm" title="JavaScriptDOM总结（有序整理）史上最全最详细（建议收藏）" target="_blank">JavaScriptDOM总结（有序整理）史上最全最详细（建议收藏）</a> <span class="text-muted">一个刘</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/dom/1.htm">dom</a> <div>在学习JavaScript时,DOM和BOM都是重点内容在学习加复习的情况下理解了浅层内容下面是展示一：DOM简介文档对象模型（DocumentObjectModel，简称DOM），是W3C组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口。W3C已经定义了一系列的DOM接口，通过这些DOM接口可以改变网页的内容、结构和样式。文档：一个页面就是一个文档，DOM中使用document</div> </li> <li><a href="/article/1714358165535010816.htm" title="【Java 进阶篇】JavaScript DOM Element 对象详解" target="_blank">【Java 进阶篇】JavaScript DOM Element 对象详解</a> <span class="text-muted">繁依Fanyi</span> <a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/%E8%BF%9B%E5%87%BB%E9%AB%98%E6%89%8B%E4%B9%8B%E8%B7%AF/1.htm">进击高手之路</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>JavaScript是一门广泛用于网页开发的脚本语言，而DOM（文档对象模型）是JavaScript在网页中操作HTML和XML文档的核心。DOM以树状结构表示文档，允许开发者以编程方式访问、操作和修改文档的内容和结构。在DOM中，Element对象是代表HTML元素的关键对象之一。本篇博客将详细介绍JavaScriptDOM中的Element对象，帮助基础小白更好地理解和应用这一概念。什么是DO</div> </li> <li><a href="/article/1708655243220299776.htm" title="JavaScript入门学习顺序" target="_blank">JavaScript入门学习顺序</a> <span class="text-muted">Alex灌汤猫</span> <div>对于纯小白来说，建议先学习一下编程语言的分支和流程控制，然后就可以开始美美的看书啦。这边推荐第一阶段：《JavaScriptDOM编程艺术》通过这本书的学习，你会对js的起源以及在浏览器端的应用有一个初步的理解，同时通过编写代码可以立即展示出效果来获得一种成就感，建立起你对这门编程语言的兴趣。第二阶段：《JavaScript高级程序设计》这本书在业内被称为JavaScript红宝书，至于为什么会是</div> </li> <li><a href="/article/1707811744094695424.htm" title="《JavaScript DOM 编程艺术》08：文本节点操作" target="_blank">《JavaScript DOM 编程艺术》08：文本节点操作</a> <span class="text-muted">ZackLive</span> <div>本文同步发表于我的个人网站：ZackLive这是《JavaScript学徒》系列的第八课，今天会继续《JavaScriptDOM编程艺术》第4章，进一步完善图片库网页。这一课的学习重点是文本节点的操作。教学视频连结childNodes属性childNodes可以用来取得一个元素对象的所有子节点，是一个包含全部子节点的数组。是复数，有s。functioncountBodyChildren(){var</div> </li> <li><a href="/article/1707515553435955200.htm" title="什么是DOM和DOM操作" target="_blank">什么是DOM和DOM操作</a> <span class="text-muted">网络点点滴</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>什么是DOM？DOM（文档对象模型）:HTML文档的结构化表示。允许JavaScript访问HTML元素和样式来操作它们。（更改文本，HTML属性甚至CSS样式）树结构由HTML加载后自动生成DOM树结构这个是一个很简单的HTML代码，对应的DOM树结如下所示DOM不等于JavaScriptDOM操作的DOM方法和属性举个例子文档查询选择器()并不是JavaScript生成的DOM，DOM是自己生</div> </li> <li><a href="/article/1706800426319425536.htm" title="一张图带你了解 JavaScript DOM、事件的尺寸和位置" target="_blank">一张图带你了解 JavaScript DOM、事件的尺寸和位置</a> <span class="text-muted">wdapp</span> <div>本文主要总结整理了事件参数、Window、Element中的位置和尺寸属性一张图带你了解JavaScriptDOM、事件的尺寸和位置DOM尺寸&位置.pngeventevent.screenY鼠标指针相对于全局（屏幕）的Y坐标；event.clientY鼠标指针在点击元素（DOM）中的Y坐标。event.pageY鼠标指针相对于整个文档的Y坐标；event.yMouseEvent.clientY的</div> </li> <li><a href="/article/1691396652537032704.htm" title="JavascriptDOM操作页面元素" target="_blank">JavascriptDOM操作页面元素</a> <span class="text-muted">行之所致</span> <a class="tag" taget="_blank" href="/search/Javascript/1.htm">Javascript</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>Document前言:document作为window的一个重要属性，可见document的所有知识点有多么重要。节点类型知识节点的类型nodeType1代表元素节点2代表属性节点3代表文本节点8代表注释节点节点的名字nodeName节点的值nodeValuedocument.defaultView在浏览器中，该属性返回当前document对象所关联的window对象，如果没有，会返回null。w</div> </li> <li><a href="/article/1687760394636046336.htm" title="【前端】对前端小白极为友好的JS DOM入门文章" target="_blank">【前端】对前端小白极为友好的JS DOM入门文章</a> <span class="text-muted">程序员小豪</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/DOM/1.htm">DOM</a> <div>在现代web开发中，JavaScript(JS)是不可或缺的一部分，它使我们能够为网页赋予交互性和动态性。其中，DOM（文档对象模型）技术在前端开发中起着至关重要的作用。本篇博客将带领前端初学者深入理解JavaScriptDOM技术，为你构建坚实的基础。1.DOM简介1.1什么是DOM文档对象模型（DocumentObjectModel，简称DOM），是W3C组织推荐的处理可扩展置标语言的标准编程</div> </li> <li><a href="/article/1687656087156764672.htm" title="python是自然语言吗_Python自然语言处理" target="_blank">python是自然语言吗_Python自然语言处理</a> <span class="text-muted">weixin_39905624</span> <a class="tag" taget="_blank" href="/search/python%E6%98%AF%E8%87%AA%E7%84%B6%E8%AF%AD%E8%A8%80%E5%90%97/1.htm">python是自然语言吗</a> <div>计算机热卖专区￥戳进来已售3500件下单优惠正版python基础教程零基础学Python编程从入门到实践计算机程序设计pathon3核心技术网络爬虫书籍数据分析实战教程教材￥戳进来已售5782件JS入门两件套JavaScript高级程序设计JavaScriptDOM编程艺术js入门到精通书籍权威指南web前端开发HTML网站JavaScript工具书￥戳进来已售6950件Cprimerplus第6</div> </li> <li><a href="/article/1686227137494855680.htm" title="今年想看的前端入门书籍" target="_blank">今年想看的前端入门书籍</a> <span class="text-muted">chuck_shen</span> <div>《JavaScript权威指南(第6版)》《JavaScript高级程序设计（第3版）》《JavaScriptDOM编程艺术第二版》《ES6标准入门（第二版）》《EffectiveJavaScript编写高质量JavaScript代码的68个有效方法》《SpeakingJavaScript》《你不知道的JavaScript上卷》《你不知道的JavaScript中卷》《你不知道的JavaScript</div> </li> <li><a href="/article/1680032531270938624.htm" title="JavaScript DOM操作" target="_blank">JavaScript DOM操作</a> <span class="text-muted">nuise_</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>文章目录JavaScriptDOM操作DOM操作元素DOM查询修改元素内容/属性获取元素节点DOM的增删改DOM操作CSS内联样式获得当前正在显示的样式DOM的事件操作事件对象事件对象的属性事件的冒泡和事件的委托事件冒泡事件委派事件的传播事件的绑定JavaScriptDOM操作DOM操作元素DOM全程DocumentObjectModel文档对象模型。文档表示的是整个的HTML网页文档;对象表示将</div> </li> <li><a href="/article/1668725629777960960.htm" title="B043-JavascriptDOM&Ajax" target="_blank">B043-JavascriptDOM&Ajax</a> <span class="text-muted">HLPTHQL</span> <a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0%E6%80%BB%E7%BB%93/1.htm">笔记总结</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>目录JavascriptDOM01_事件绑定方式02_文本操作03_移入移出事件+文本操作04_属性和样式操作05_元素操作-打老虎Ajax发送ajaxget请求JavascriptDOM01_事件绑定方式//点击事件绑定方式一:functionbtn1(){alert("我出来了。。。。")}//方式二：//先获取元素：通过id获取元素//页面加载事件：页面加载完成之后再去执行，可以不管上下顺序</div> </li> <li><a href="/article/1668296984433352704.htm" title="应届生求职个人简历模板（合集）" target="_blank">应届生求职个人简历模板（合集）</a> <span class="text-muted">极客11</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E4%B8%8E%E6%B1%82%E8%81%8C/1.htm">面试与求职</a><a class="tag" taget="_blank" href="/search/easyui/1.htm">easyui</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>应届生求职个人简历模板1基本信息姓名：性别：婚姻状况：民族：户籍：年龄：现所在地：身高：联系电话：电子邮箱：__求职意向希望岗位：Web前端开发工作年限：职称：无职称求职类型：全职到岗时间：随时工作经验__年3月—至今__有限公司，担任PHP开发工程师。工作描述：1、使用HTML标记、div+css+javascriptDom操作等前端WEB技术进行网站的开发与制造;2、使用mvc思想、oop面向</div> </li> <li><a href="/article/1646953224176963584.htm" title="三、JS03 DOM 操作" target="_blank">三、JS03 DOM 操作</a> <span class="text-muted">兰巧儿</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>三、DOM操作3.1JavaScriptDOM操作DOM(DocumentObjectModel)为文档对象模型，是HTML和XML文档的编程接口DOM提供了对整个文档的访问模型，将文档作为一个树形结构树的每个节点表示了一个HTML标签或标签内的文本3.1.1DOM操作分类使用JavaScript操作DOM时分为三个方面：DOMcore(DOM核心操作)、HTML-DOM和CSS-DOM，开发者可</div> </li> <li><a href="/article/1645476251969871872.htm" title="html css js笔记,html+CSS+js学习笔记.doc" target="_blank">html css js笔记,html+CSS+js学习笔记.doc</a> <span class="text-muted">负智年帖</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/js%E7%AC%94%E8%AE%B0/1.htm">js笔记</a> <div>第一章2一、关于html的大致了解2二、Html常用的标签3三、使用vs创建网页6第二章6DiV(层)、span6二、样式表、css(层叠样式表)6文档流9Javascript(JS)简介9第三章11一．类型转换12二、断点调试、异常处理12三、函数声明12四、字符串13五、数组14六、javaScriptDom编程15第四章15一、Body、document对象的事件：16二、Window对象的</div> </li> <li><a href="/article/1644618463567732736.htm" title="JavaScript奇技淫巧" target="_blank">JavaScript奇技淫巧</a> <span class="text-muted">weixin_30377461</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/ViewUI/1.htm">ViewUI</a> <div>JavaScript推荐书籍：《JavaScriptDOM编程艺术》、《你不知道的JavaScript》、《JavaScript高级程序设计》、《锋利的jQuery》，目前ES6和HTML5是新的技术方向。JavaScrip较常见的知识点：对象申明、作用域、闭包、this关键字、函数类、原型类、伪类等面向对象的JavaScript中的概念。forEach//[].forEach(element,i</div> </li> <li><a href="/article/1641284054420611072.htm" title="《JavaScript DOM 编程艺术》07：事件处理函数" target="_blank">《JavaScript DOM 编程艺术》07：事件处理函数</a> <span class="text-muted">ZackLive</span> <div>《JavaScript学徒》系列会以经典书籍为教材制作影片，和大家一起学习JavaScript。本文同步发表于我的个人网站：ZackLive这是《JavaScript学徒》系列的第七课，今天会进入《JavaScriptDOM编程艺术》第4章，这一章我们将完成一个图片库网页。这一课，我们先完成图片库的趋型，并学习事件处理函数的概念。教学视频连结YouTube微博B站优酷事件处理函数事件处理函数会在特</div> </li> <li><a href="/article/1640399389455343616.htm" title="《JavaScript DOM编程艺术》14：动画" target="_blank">《JavaScript DOM编程艺术》14：动画</a> <span class="text-muted">ZackLive</span> <div>这是《JavaScript学徒》系列的第十四课，今天会介绍《JavaScriptDOM编程艺术》第10章动画，学习用JavaScript来实现动画效果。本文同步发表于我的个人网站：《JavaScriptDOM编程艺术》14：动画-程式学徒ZackLive教学视频连结YouTube微博腾讯B站setTimeout&clearTimeoutmovement=setTimeout("moveMessag</div> </li> <li><a href="/article/1637684710169698304.htm" title="整理一篇这几天的读书笔记" target="_blank">整理一篇这几天的读书笔记</a> <span class="text-muted">949nb</span> <div>JavaScriptDOM编程艺术首先JaveScript是一门脚本语言，通常只能通过Web浏览器去完成一些操作而不能像普通意义上的程序那样独立运行。DOM是一种API(应用编程接口)。简单的说，API就是一组得到有关各方共同认可的基本约定。DOM在W3c上的定义就是：“一个与系统平台和编程语言无关的接口，程序和脚本可以通过这个接口动态地访问和修改文档的内容、结构和样式。”JS的语法用JavaSc</div> </li> <li><a href="/article/1636183588670070784.htm" title="Getting Started" target="_blank">Getting Started</a> <span class="text-muted">Gantowell</span> <div>坑爹的我要开始系统学习web前端的所有知识了。两年前的实习算是基本入了个门，别的没学到，学了git这种版本控制工具和node.js这种大型web框架。为了基础offer，要开始学习web前端了！！！！web前端=js+html+csshtml+js：在w3school上练习js：看书，暂定书籍《JavaScriptDOM编程艺术》，《JavaScript高级程序设计》，《JavaScript权威指</div> </li> <li><a href="/article/40.htm" title="java线程Thread和Runnable区别和联系" target="_blank">java线程Thread和Runnable区别和联系</a> <span class="text-muted">zx_code</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</a><a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a><a class="tag" taget="_blank" href="/search/Runnable/1.htm">Runnable</a> <div>我们都晓得java实现线程2种方式，一个是继承Thread，另一个是实现Runnable。模拟窗口买票，第一例子继承thread，代码如下 package thread; public class ThreadTest { public static void main(String[] args) { Thread1 t1 = new Thread1(</div> </li> <li><a href="/article/167.htm" title="【转】JSON与XML的区别比较" target="_blank">【转】JSON与XML的区别比较</a> <span class="text-muted">丁_新</span> <a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a> <div>1.定义介绍 (1).XML定义扩展标记语言 (Extensible Markup Language, XML) ，用于标记电子文件使其具有结构性的标记语言，可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。 XML使用DTD(document type definition)文档类型定义来组织数据;格式统一，跨平台和语言，早已成为业界公认的标准。 XML是标</div> </li> <li><a href="/article/294.htm" title="c++ 实现五种基础的排序算法" target="_blank">c++ 实现五种基础的排序算法</a> <span class="text-muted">CrazyMizzz</span> <a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>#include<iostream> using namespace std; //辅助函数，交换两数之值 template<class T> void mySwap(T &x, T &y){ T temp = x; x = y; y = temp; } const int size = 10; //一、用直接插入排</div> </li> <li><a href="/article/421.htm" title="我的软件" target="_blank">我的软件</a> <span class="text-muted">麦田的设计者</span> <a class="tag" taget="_blank" href="/search/%E6%88%91%E7%9A%84%E8%BD%AF%E4%BB%B6/1.htm">我的软件</a><a class="tag" taget="_blank" href="/search/%E9%9F%B3%E4%B9%90%E7%B1%BB/1.htm">音乐类</a><a class="tag" taget="_blank" href="/search/%E5%A8%B1%E4%B9%90/1.htm">娱乐</a><a class="tag" taget="_blank" href="/search/%E6%94%BE%E6%9D%BE/1.htm">放松</a> <div> 这是我写的一款app软件，耗时三个月，是一个根据央视节目开门大吉改变的，提供音调，猜歌曲名。1、手机拥有者在android手机市场下载本APP，同意权限，安装到手机上。2、游客初次进入时会有引导页面提醒用户注册。（同时软件自动播放背景音乐）。3、用户登录到主页后，会有五个模块。a、点击不胫而走，用户得到开门大吉首页部分新闻，点击进入有新闻详情。b、</div> </li> <li><a href="/article/548.htm" title="linux awk命令详解" target="_blank">linux awk命令详解</a> <span class="text-muted">被触发</span> <a class="tag" taget="_blank" href="/search/linux+awk/1.htm">linux awk</a> <div>awk是行处理器: 相比较屏幕处理的优点，在处理庞大文件时不会出现内存溢出或是处理缓慢的问题，通常用来格式化文本信息 awk处理过程: 依次对每一行进行处理，然后输出 awk命令形式: awk [-F|-f|-v] ‘BEGIN{} //{command1; command2} END{}’ file [-F|-f|-v]大参数，-F指定分隔符，-f调用脚本，-v定义变量 var=val</div> </li> <li><a href="/article/675.htm" title="各种语言比较" target="_blank">各种语言比较</a> <span class="text-muted">_wy_</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E8%AF%AD%E8%A8%80/1.htm">编程语言</a> <div> Java Ruby PHP 擅长领域 </div> </li> <li><a href="/article/802.htm" title="oracle 中数据类型为clob的编辑" target="_blank">oracle 中数据类型为clob的编辑</a> <span class="text-muted">知了ing</span> <a class="tag" taget="_blank" href="/search/oracle+clob/1.htm">oracle clob</a> <div>public void updateKpiStatus(String kpiStatus,String taskId){ Connection dbc=null; Statement stmt=null; PreparedStatement ps=null; try { dbc = new DBConn().getNewConnection(); //stmt = db</div> </li> <li><a href="/article/929.htm" title="分布式服务框架 Zookeeper -- 管理分布式环境中的数据" target="_blank">分布式服务框架 Zookeeper -- 管理分布式环境中的数据</a> <span class="text-muted">矮蛋蛋</span> <a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a> <div>原文地址： http://www.ibm.com/developerworks/cn/opensource/os-cn-zookeeper/ 安装和配置详解本文介绍的 Zookeeper 是以 3.2.2 这个稳定版本为基础，最新的版本可以通过官网 http://hadoop.apache.org/zookeeper/来获取，Zookeeper 的安装非常简单，下面将从单机模式和集群模式两</div> </li> <li><a href="/article/1056.htm" title="tomcat数据源" target="_blank">tomcat数据源</a> <span class="text-muted">alafqq</span> <a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a> <div>数据库 JNDI(Java Naming and Directory Interface，Java命名和目录接口)是一组在Java应用中访问命名和目录服务的API。没有使用JNDI时我用要这样连接数据库： 03. Class.forName("com.mysql.jdbc.Driver"); 04. conn</div> </li> <li><a href="/article/1183.htm" title="遍历的方法" target="_blank">遍历的方法</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/%E9%81%8D%E5%8E%86/1.htm">遍历</a> <div> 遍历在java的泛</div> </li> <li><a href="/article/1310.htm" title="linux查看硬件信息的命令" target="_blank">linux查看硬件信息的命令</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>linux查看硬件信息的命令一.查看CPU： cat /proc/cpuinfo 二.查看内存： free 三.查看硬盘： df linux下查看硬件信息 1、lspci 列出所有PCI 设备； lspci - list all PCI devices:列出机器中的PCI设备（声卡、显卡、Modem、网卡、USB、主板集成设备也能</div> </li> <li><a href="/article/1437.htm" title="java常见的ClassNotFoundException" target="_blank">java常见的ClassNotFoundException</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>1.java.lang.ClassNotFoundException: org.apache.commons.logging.LogFactory 添加包common-logging.jar2.java.lang.ClassNotFoundException: javax.transaction.Synchronization </div> </li> <li><a href="/article/1564.htm" title="【Gson五】日期对象的序列化和反序列化" target="_blank">【Gson五】日期对象的序列化和反序列化</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/%E5%8F%8D%E5%BA%8F%E5%88%97%E5%8C%96/1.htm">反序列化</a> <div>对日期类型的数据进行序列化和反序列化时，需要考虑如下问题： 1. 序列化时，Date对象序列化的字符串日期格式如何 2. 反序列化时，把日期字符串序列化为Date对象，也需要考虑日期格式问题 3. Date A -> str -> Date B,A和B对象是否equals 默认序列化和反序列化 import com</div> </li> <li><a href="/article/1691.htm" title="【Spark八十六】Spark Streaming之DStream vs. InputDStream" target="_blank">【Spark八十六】Spark Streaming之DStream vs. InputDStream</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/Stream/1.htm">Stream</a> <div> 1. DStream的类说明文档： /** * A Discretized Stream (DStream), the basic abstraction in Spark Streaming, is a continuous * sequence of RDDs (of the same type) representing a continuous st</div> </li> <li><a href="/article/1818.htm" title="通过nginx获取header信息" target="_blank">通过nginx获取header信息</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/nginx+header/1.htm">nginx header</a> <div>1. 提取整个的Cookies内容到一个变量，然后可以在需要时引用，比如记录到日志里面， if ( $http_cookie ~* "(.*)$") { set $all_cookie $1; } 变量$all_cookie就获得了cookie的值，可以用于运算了 </div> </li> <li><a href="/article/1945.htm" title="java-65.输入数字n，按顺序输出从1最大的n位10进制数。比如输入3，则输出1、2、3一直到最大的3位数即999" target="_blank">java-65.输入数字n，按顺序输出从1最大的n位10进制数。比如输入3，则输出1、2、3一直到最大的3位数即999</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>参考了网上的http://blog.csdn.net/peasking_dd/article/details/6342984 写了个java版的： public class Print_1_To_NDigit { /** * Q65.输入数字n，按顺序输出从1最大的n位10进制数。比如输入3，则输出1、2、3一直到最大的3位数即999 * 1.使用字符串</div> </li> <li><a href="/article/2072.htm" title="Netty源码学习-ReplayingDecoder" target="_blank">Netty源码学习-ReplayingDecoder</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/netty/1.htm">netty</a> <div>ReplayingDecoder是FrameDecoder的子类，不熟悉FrameDecoder的，可以先看看 http://bylijinnan.iteye.com/blog/1982618 API说，ReplayingDecoder简化了操作，比如： FrameDecoder在decode时，需要判断数据是否接收完全： public class IntegerH</div> </li> <li><a href="/article/2199.htm" title="js特殊字符过滤" target="_blank">js特殊字符过滤</a> <span class="text-muted">cngolon</span> <a class="tag" taget="_blank" href="/search/js%E7%89%B9%E6%AE%8A%E5%AD%97%E7%AC%A6/1.htm">js特殊字符</a><a class="tag" taget="_blank" href="/search/js%E7%89%B9%E6%AE%8A%E5%AD%97%E7%AC%A6%E8%BF%87%E6%BB%A4/1.htm">js特殊字符过滤</a> <div>1.js中用正则表达式过滤特殊字符, 校验所有输入域是否含有特殊符号function stripscript(s) { var pattern = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~！@#￥……&*（）——|{}【】‘；：”“'。，、？]"</div> </li> <li><a href="/article/2326.htm" title="hibernate使用sql查询" target="_blank">hibernate使用sql查询</a> <span class="text-muted">ctrain</span> <a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a> <div> import java.util.Iterator; import java.util.List; import java.util.Map; import org.hibernate.Hibernate; import org.hibernate.SQLQuery; import org.hibernate.Session; import org.hibernate.Transa</div> </li> <li><a href="/article/2453.htm" title="linux shell脚本中切换用户执行命令方法" target="_blank">linux shell脚本中切换用户执行命令方法</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a><a class="tag" taget="_blank" href="/search/%E5%91%BD%E4%BB%A4/1.htm">命令</a><a class="tag" taget="_blank" href="/search/%E5%88%87%E6%8D%A2%E7%94%A8%E6%88%B7/1.htm">切换用户</a> <div>经常在写shell脚本时，会碰到要以另外一个用户来执行相关命令，其方法简单记下： 1、执行单个命令：su - user -c "command" 如：下面命令是以test用户在/data目录下创建test123目录 [root@slave19 /data]# su - test -c "mkdir /data/test123" </div> </li> <li><a href="/article/2580.htm" title="好的代码里只要一个 return 语句" target="_blank">好的代码里只要一个 return 语句</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/return/1.htm">return</a> <div>别再这样写了：public boolean foo() { if (true) { return true; } else { return false; </div> </li> <li><a href="/article/2707.htm" title="Android动画效果学习" target="_blank">Android动画效果学习</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>1、透明动画效果方法一：代码实现 public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View rootView = inflater.inflate(R.layout.fragment_main, container, fals</div> </li> <li><a href="/article/2834.htm" title="linux复习笔记之bash shell (4)管道命令" target="_blank">linux复习笔记之bash shell (4)管道命令</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/linux%E7%AE%A1%E9%81%93%E5%91%BD%E4%BB%A4%E6%B1%87%E6%80%BB/1.htm">linux管道命令汇总</a><a class="tag" taget="_blank" href="/search/linux%E7%AE%A1%E9%81%93%E5%91%BD%E4%BB%A4/1.htm">linux管道命令</a><a class="tag" taget="_blank" href="/search/linux%E5%B8%B8%E7%94%A8%E7%AE%A1%E9%81%93%E5%91%BD%E4%BB%A4/1.htm">linux常用管道命令</a> <div>转载请出自出处： http://eksliang.iteye.com/blog/2105461 bash命令执行的完毕以后，通常这个命令都会有返回结果，怎么对这个返回的结果做一些操作呢？那就得用管道命令‘|’。上面那段话，简单说了下管道命令的作用，那什么事管道命令呢？答：非常的经典的一句话，记住了，何为管</div> </li> <li><a href="/article/2961.htm" title="Android系统中自定义按键的短按、双击、长按事件" target="_blank">Android系统中自定义按键的短按、双击、长按事件</a> <span class="text-muted">gqdy365</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>在项目中碰到这样的问题：由于系统中的按键在底层做了重新定义或者新增了按键，此时需要在APP层对按键事件（keyevent）做分解处理，模拟Android系统做法，把keyevent分解成： 1、单击事件：就是普通key的单击； 2、双击事件：500ms内同一按键单击两次； 3、长按事件：同一按键长按超过1000ms（系统中长按事件为500ms）； 4、组合按键：两个以上按键同时按住； </div> </li> <li><a href="/article/3088.htm" title="asp.net获取站点根目录下子目录的名称" target="_blank">asp.net获取站点根目录下子目录的名称</a> <span class="text-muted">hvt</span> <a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a><a class="tag" taget="_blank" href="/search/asp.net/1.htm">asp.net</a><a class="tag" taget="_blank" href="/search/hovertree/1.htm">hovertree</a><a class="tag" taget="_blank" href="/search/Web+Forms/1.htm">Web Forms</a> <div>使用Visual Studio建立一个.aspx文件(Web Forms)，例如hovertree.aspx,在页面上加入一个ListBox代码如下： <asp:ListBox runat="server" ID="lbKeleyiFolder" /> 那么在页面上显示根目录子文件夹的代码如下： string[] m_sub</div> </li> <li><a href="/article/3215.htm" title="Eclipse程序员要掌握的常用快捷键" target="_blank">Eclipse程序员要掌握的常用快捷键</a> <span class="text-muted">justjavac</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/%E5%BF%AB%E6%8D%B7%E9%94%AE/1.htm">快捷键</a><a class="tag" taget="_blank" href="/search/ide/1.htm">ide</a> <div> 判断一个人的编程水平，就看他用键盘多，还是鼠标多。用键盘一是为了输入代码（当然了，也包括注释），再有就是熟练使用快捷键。曾有人在豆瓣评《卓有成效的程序员》：“人有多大懒，才有多大闲”。之前我整理了一个程序员图书列表，目的也就是通过读书，让程序员变懒。写道程序员作为特殊的群体，有的人可以这么懒，懒到事情都交给机器去做，而有的人又可</div> </li> <li><a href="/article/3342.htm" title="c++编程随记" target="_blank">c++编程随记</a> <span class="text-muted">lx.asymmetric</span> <a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div> 为了字体更好看，改变了格式…… &&运算符： #include<iostream> using namespace std; int main(){ int a=-1,b=4,k; k=(++a<0)&&!(b--</div> </li> <li><a href="/article/3469.htm" title="linux标准IO缓冲机制研究" target="_blank">linux标准IO缓冲机制研究</a> <span class="text-muted">音频数据</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>一、什么是缓存I/O(Buffered I/O)缓存I/O又被称作标准I/O,大多数文件系统默认I/O操作都是缓存I/O。在Linux的缓存I/O机制中，操作系统会将I/O的数据缓存在文件系统的页缓存(page cache)中，也就是说，数据会先被拷贝到操作系统内核的缓冲区中，然后才会从操作系统内核的缓冲区拷贝到应用程序的地址空间。1.缓存I/O有以下优点:A.缓存I/O使用了操作系统内核缓冲区，</div> </li> <li><a href="/article/3596.htm" title="随想生活" target="_blank">随想生活</a> <span class="text-muted">暗黑小菠萝</span> <a class="tag" taget="_blank" href="/search/%E7%94%9F%E6%B4%BB/1.htm">生活</a> <div>其实账户之前就申请了，但是决定要自己更新一些东西看也是最近。从毕业到现在已经一年了。没有进步是假的，但是有多大的进步可能只有我自己知道。毕业的时候班里12个女生，真正最后做到软件开发的只要两个包括我，PS：我不是说测试不好。当时因为考研完全放弃找工作，考研失败，我想这只是我的借口。那个时候才想到为什么大学的时候不能好好的学习技术，增强自己的实战能力，以至于后来找工作比较费劲。我</div> </li> <li><a href="/article/3723.htm" title="我认为POJO是一个错误的概念" target="_blank">我认为POJO是一个错误的概念</a> <span class="text-muted">windshome</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/POJO/1.htm">POJO</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/J2EE/1.htm">J2EE</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1/1.htm">设计</a> <div> 这篇内容其实没有经过太多的深思熟虑，只是个人一时的感觉。从个人风格上来讲，我倾向简单质朴的设计开发理念；从方法论上，我更加倾向自顶向下的设计；从做事情的目标上来看，我追求质量优先，更愿意使用较为保守和稳妥的理念和方法。 &</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类：</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.  </div> </div> </footer>  <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>