常用DOM笔记

1,获取元素方法: (1),获取单个,返回一个元素 element.getElementById()//最快,实时 element.querySelector() (2)获取多个,返回一组 element.getElementsByTagName() element.getElementByClassName() element.getElementByName()//常用于表单元素 element.querySelectorAll()//查找速度比上面三个块,为静态的,非实时的,在加载时获取…

DOM笔记（十）：JavaScript正则表达式

一.RegExp ECMAScript通过RegExp类型类支持正则表达式,语法和Perl类似: var exp = /pattern/flags; patternb部分是任何简单的或复杂的正则表达式:flags是每个正则表达式所带的一个或者多个标志. 正则表达式的模式匹配支持三个标志: g:全局模式,即模式应用于整个字符串,而非在发现第一个匹配项时立即停止 i:不区分大小写模式 m:多行模式,即到达一行文本末尾是还会继续茶查找下一行中是否存在与模式匹配的项. 1.创建正则表达式 JavaScr…

DOM笔记（三）：Element接口和HTMLElement接口

一.Element接口 Element接口表示一个元素,该接口扩展自Node接口,自然继承了Node接口的属性和方法,也有一套针对元素的属性和方法. Element接口常见的属性比较少,常用的就是一个只读的tagName属性,该属性返回元素名,数据类型是DOMString. Element接口定义的方法也主要是针对属性操作,常见方法如下: 方法名数据类型说明 getAttribute DOMString 返回对应属性 getAttributeNode Attr 返回对应属性节点 getAtt…

DOM笔记（二）：Node接口

所有的节点都使用Node接口来表示,可以使用很多方法去获取节点,如document.getElementsByTagName().document.getElementsByName()等均返回一个NodeList对象,然后获取其中的节点. 节点对应的属性和放大均在Node接口予以定义: 1.Node接口常见的属性列表属性名数据类型说明 nodeName DOMString 返回节点名 nodeValue DOMString 返回节点值 nodeType int 返回节点类型(见后文) p…

DOM笔记（十三）：JavaScript的继承方式

在Java.C++.C#等OO语言中,都支持两种继承方式:接口继承和实现继承.接口继承制继承方法签名,实现继承则继承实际的方法和属性.在SCMAScript中,由于函数没有签名,所以无法实现接口继承,只支持实现继承. 实现继承主要依靠原型链来实现. 一.原型链原型链是利用原型让一个引用类型继承另一个引用类型的方法,在DOM笔记(十二):又谈原型对象中,描述了构造函数.实例和原型之间的关系: 每个构造函数都有一个原型对象,原型对象包含一个指向构造函数的指针,而每个实例都包含一个指向原型对象的内部…

Linux 常用命令笔记

Linux 常用命令笔记 1. locate locate:用来定位文件的位置,如:locate a.txt 但是这个命令有延迟,也就是新建的文件不一定能搜索到,如果非要找到新建的文件可以使用 updatedb 命令来强制更新locate依赖的数据库. 2. 查询文本文件行数 wc -l filename 3.远程Linux服务器 ssh username@192.168.1.1 或 ssh username@hostnme 使用主机名需要在本地进行主机名与IP地址映射: 在/etc/hosts…

DOM笔记（七）：开发JQuery插件

在上一篇笔记本中,讲解了如何利用jQuery扩展全局函数和对象:DOM笔记(六):怎么进行JQuery扩展? 在这篇笔记本中,将开发一个简单的动画插件,名称是example-plugin,用其实现一个简单的功能:光标移动到目标标签,标签移动,改变背景色:光标离开时,标签恢复原来的样式. 因为是jQuery对象的扩展,采用jQuery.fn.extend()进行扩展,插件名是dwqs,并且使用闭包: /* *示例插件功能: *光标移动到目标标签,标签移动,改变背景色:光标离开时,标签恢复原来的样式…

DOM笔记（五）：JavaScript的常见事件和Ajax小结

一.常见事件类型 1.鼠标事件事件名称说明 onclick 鼠标单击时触发 ondbclick 鼠标双击时触发 onmousedown 鼠标左键按下时触发 onmouseup 鼠标释放时触发 onmouseover 鼠标的光标移动到某对象上时触发 onmousemove 鼠标移动时触发 onmouseout 鼠标光标离开某对象时触发 ps: 当单击一次鼠标左键的时候,将同时触发onclick.onmousedown.onmouseup三个事件,事件处理程序执行的先后顺序为:onmoused…

DOM笔记（四）：HTML 5 DOM复杂数据类型

HTML 5 DOM定义了一下集合.列表等复杂的数据类型用于实现便捷的操作.相对于HTML 4 DOM,HTML 5 DOM增加了HTMLCollection.DOMTokenList.DOMStringMap.HTMLAllCollection. HTMLFormControlsCollection等. 一.HTMLCollection.HTMLAllCollection和HTMLFormControlsCollection 三个接口均用于表示一组元素组成的列表.HTMLAllCollecti…

DOM笔记（一）：HTMLDocument接口

操作HTML文档的第一步就是获取对文档元素的引用,每一个元素在DOM中就是一个节点,所有的元素在DOM中构成一个节点树. 用于获取元素节点定义的方法定义于HTMLDocument接口,window.document方法用于实现该接口,其定义的常用方法和属性如下: 属性或方法返回值类型说明 [getter] 任何类型根据元素的name属性获取所有元素节点 all HTMLAllCollection 文档中所有元素组成的集合,已不推荐使用 body HTMLElement 获取<body>元…

js常用DOM操作

在博客园看到了苏夏写的常用DOM整理文章,地址:http://www.cnblogs.com/cabbagen/p/4579412.html,然后抽时间都试了一下这些常用的DOM操作.在这里记录一下. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>常用dom</title> <script>…

常用DOM整理

常用DOM整理前言: html为document搭建了一棵DOM树,这棵树就是有一系列Node节点所构成的.他为我们定义了文档的结构. Node类型: Node.ELEMENT_NODE(1); //元素节点较常用 Node.ATTRIBUTE_NODE(2); //属性节点较常用 Node.TEXT_NODE(3); //文本节点较常用 Node.CDATA_SECTION_NODE(4); Node.ENTITY_REFERENCE_NODE(5);…

Linux常用命令笔记

Linux常用命令笔记一.文件处理命令 1. ls命令:显示目录文件 -a 显示所有文件,包括隐藏文件.(all) -l 详细信息显示,长格式显示文件.(long) -d 查看目录属性.查看目录详细信息,不加-d则只显示目录下的数据而不显示目录本身 -I 可查询任何一个目录下面任何一文件的i节…

DOM笔记（十）：JavaScript正則表達式

一.RegExp ECMAScript通过RegExp类型类支持正則表達式,语法和Perl类似: var exp = /pattern/flags; patternb部分是不论什么简单的或复杂的正則表達式:flags是每一个正則表達式所带的一个或者多个标志. 正則表達式的模式匹配支持三个标志: g:全局模式,即模式应用于整个字符串.而非在发现第一个匹配项时马上停止 i:不区分大写和小写模式 m:多行模式,即到达一行文本末尾是还会继续茶查找下一行中是否存在与模式匹配的项. 1.创建正則表達式 Ja…

DOM笔记（十二）：又谈原型对象

因为之前谢过一篇关于原型对象的笔记:浅谈JavaScript中的原型模式.现在我又重新看到这个话题,对原型有了进一步的理解,所以,又要谈谈原型对象. 一.理解原型对象创建的每一个函数都有一个prototype属性,它指向这个函数的原型对象.利用原型模式创建的方法和属性是被所有实例所共享的. function Person(){} Person.prototype.name="dwqs"; Person.prototype.age=20; Person.prototype.sayNam…

【js】--常用DOM库工具

/* 2014年3月16号常用DOM工具库*/var DOM={}; DOM.getElesByClass=function (strClassName,context){ if(typeof strClassName){ context=context||document; if(context.nodeType==1||context.nodeType==9){ if(context.getElementsByClassName) return context.getElementsByC…

STL之vector常用函数笔记

STL之vector常用函数笔记学会一些常用的vector就足够去刷acm的题了 ps:for(auto x:b) cout<<x<<" ";是基于范围的for循环,只有C++11以上的版本才支持. vector类称作向量类,它实现了动态数组,用于元素数量变化的对象数组.像数组一样,vector类也用从0开始的下标表示元素的位置:但和数组不同的是,当vector对象创建后,数组的元素个数会随着vector对象元素个数的增大和缩小而自动变化. 构造函数增加函数…

DOM笔记（八）：JavaScript执行环境和垃圾收集

一.执行环境在有关于JavaScript对象或者this的指向问题时,脱离不了的另外一个概念就是执行环境,即上下文环境.执行环境在JavaScript是一个很重要的概念,因为它定义了变量或函数有权访问的其它数据,决定了它们各自的行为.每个执行环境都有一个与之关联的变量对象,在该环境中定义的所有变量和函数都保存在这个对象中. 全局环境时最外围的一个执行环境.在Web浏览器中,全局环境被认为是Window对象(后续笔记中会讨论),因此所有的全局变量和函数都是作为window对象的属性或者方法创…

常用dom对象

DOM:文档对象模型 --树模型文档:标签文档,对象:文档中每个元素对象,模型:抽象化的东西一:window: window.shuxing; 属性(值或者子对象): opener:打开当前窗口的源窗口,如果当前窗口是首次启动浏览器打开的,则opener是null,可以利用这个属性来关闭源窗口. 方法(函数): window.fangfa(); 事件(事先设置好的程序,被触发): 1.window.open("第一部分","第二部分","第三部分&qu…

【js常用DOM方法】

介绍几个js DOM的常用方法获取元素节点 getElementById getElementsByTagName getElementsByClassName 先写一个简单的网页做测试: /* test.html*/<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test</title> </head> <body&g…

javascript 常用DOM操作整理

.选取了DOM操作中实用并常用的部分,省略了实用但有明显兼容性的部分2.DOM属性和方法的类型归属可能并不完全准确3.某些一般兼容性和特点做了标识(主要是ie8-9上下) 节点类型节点类型节点值标签节点(Element) 1 属性节点(Attr) 2 文本节点(Text) 3 CDATA节点(CDATASetion) 4 实体引用节点(EntityReference) 5 实体节点(Entity) 6 处理指令节点(ProcessingInstruction) 7 注释节点(Comment…

DOM笔记（十一）：JavaScript对象的基本认识和创建

一.什么是对象? 面向对象(Object-Oriented,OO)的语言有一个标志,那就是都有类的概念,例如C++.Java等:但是ECMAScript没有类的概念.ECMAScript-262把对象定义为:无序属性的集合,其属性可以包含基本值.对象或者函数.通俗一点的理解就是,ECMAScript中的对象就是一组数据和功能的集合,通过new操作符后跟要创建的对象类型的名称来创建.每个对象都基于一个引用类型创建.引用可以是原生类型(相关介绍:引用类型),或者开发人员自定义的类型. 二.Ob…

git常用操作笔记

这是我看了廖雪峰的git教程,写的笔记,仅作为一个学习的记录一.大多数我们面临的是已经有一个进行中的项目了,我们只需克隆下来就可以了 1.安装git,安装完后,可输入git,回车,查看是否已安装 2.配置全局用户名 $git config --global user.name “Your Name” 配置邮箱地址 $git config --global user.email “email@example.com” 3.在一个空的文件夹里,右键选择git base,这时候…

Java常用集合笔记

最近事情比较少,闲暇之余温习巩固一下Java的一些基础知识,并做一些笔记, Java常用集合, 主要参考的这篇文章:Java常用集合 ArrayList/Vertor 1. ArrayList 的主要消耗是数组扩容以及在指定位置添加数据,在日常使用时最好是指定大小,尽量减少扩容.更要减少在指定位置插入数据的操作. 2. 使用了 transient 修饰,可以防止被自动序列化.由于 ArrayList 是基于动态数组实现的,所以并不是所有的空间都被使用. ArrayList 只序列化了被使用的数据…