【JavaScript学习笔记(11)——HTML DOM Event对象】的更多相关文章

JavaScript学习笔记(11)——HTML DOM Event对象

w3cshool:时间参考手册:http://www.w3school.com.cn/jsref/dom_obj_event.asp…

Javascript学习笔记三——操作DOM（二）

Javascript学习笔记 在我的上一个博客讲了对于DOM的基本操作内容,这篇继续巩固一下对于DOM的更新,插入和删除的操作. 对于HTML解析的DOM树来说,我们肯定会时不时对其进行一些更改,在原有的内容上进行增添,修改,删除,为了方便操作,Javascript中有些非常实用的属性: 一.innerHTML 二.innerText 三.textContent 等等..我们接下来要操作的就是以上几种属性. 对于<p id = 'test'>Hello!</p>  因为在HTML的…

Javascript学习笔记二——操作DOM

Javascript学习笔记 DOM操作: 一．GetElementById() ID在HTML是唯一的,getElementById()可以定位唯一的一个DOM节点 二．querySelector() 返回文档中匹配指定CSS选择器中的一个元素 例子: Document.querySelector(“#test”); //查找ID =”test” 的节点 Document.querySelector(“p”);//获取文档中第一个p元素 Document.querySelector(“.exa…

JavaScript学习笔记（十五）——对象之Date，RegExp

在学习廖雪峰前辈的JavaScript教程中,遇到了一些需要注意的点,因此作为学习笔记列出来,提醒自己注意! 如果大家有需要,欢迎访问前辈的博客https://www.liaoxuefeng.com/学习. Date 在JavaScript中,Date对象用来表示日期和时间. 系统当前时间: var now = new Date(); now; // Thu Nov 30 2017 20:50:03 GMT+0800 (中国标准时间) now.getFullYear(); // 2017, 年份…

JavaScript学习笔记（十四）——对象

在学习廖雪峰前辈的JavaScript教程中,遇到了一些需要注意的点,因此作为学习笔记列出来,提醒自己注意! 如果大家有需要,欢迎访问前辈的博客https://www.liaoxuefeng.com/学习. 标准对象 在JavaScript的世界里,万物皆对象. 但是对象与对象之间也有区别.为了区分对象的类型,我们可以用 typeof 操作符来获取对象的类型,它总是返回一个对象的类型: typeof 123; // 'number' typeof NaN; // 'number' typeof…

javascript学习笔记 BOM和DOM详解

js组成 我们都知道, javascript 有三部分构成,ECMAScript,DOM和BOM,根据宿主(浏览器)的不同,具体的表现形式也不尽相同,ie和其他的浏览器风格迥异. 1. DOM 是 W3C 的标准: [所有浏览器公共遵守的标准]2. BOM 是 各个浏览器厂商根据 DOM在各自浏览器上的实现;[表现为不同浏览器定义有差别,实现方式不同]3. window 是 BOM 对象,而非 js 对象: DOM(文档对象模型)是 HTML 和 XML 的应用程序接口(API). BOM 主要…

JavaScript学习笔记系列2:Dom操作(一)

一.什么是Dom? DOM------>Document Object Model 直接翻译就是文档对象模型. DOM------>定义了表示和修改文档所需的对象.这些对象的行为和属性以及这些对象之间的关系.DOM对象即为宿主对象,由浏览器厂商定义,用来操作html和css功能的一类对象的集合.也有人称DOM是对HTML以及XML的标准编程接口.说白了就是类型C#对象集合.举个例子 I/0,I/O包含了很多操作文件和流的对象.意思是一样的. 二.如何使用Dom? 1.查看方法.docment.…

JavaScript学习笔记7 之DOM文档对象模型

一.什么是DOMDocument Object Model 文档 -------对象 ----模型-------缩写DOM DOM是针对HTML和XML文档的一个API(应用程序编程接口).DOM描绘了一个层次化的节点树,允许开发人员添加.移除和修改页面的某一部分.DOM树中的所有节点均可通过JS进行访问.所有HTML元素(节点)均可被修改.创建或删除. 二.节点类型1.节点类型 HTML 文档中的所有内容都是节点(node): 整个文档是一个文档节点每个 HTML 元素是元素节点HTML 元素…

高性能javascript学习笔记系列(3) -DOM编程

参考 高性能javascript 文档对象模型(DOM)是独立于语言的,用于操作XML和HTML文档的程序接口API,在浏览器中主要通过DOM提供的API与HTML进行交互,浏览器通常会把DOM和javascript独立实现,这意味着当我们通过javascript操作DOM的时候势必的产生性能上的开销,因此提升页面性能的的思路是尽可能的减少DOM操作或者优化DOM操作 DOM的访问与修改 (1)减少频繁的读取DOM元素 (1)for(var i = 0;i < 10;i++) { documen…

javascript学习笔记（六）：对象、内置对象

创建对象 对象属性赋值的方式 <!DOCTYPE html> <html> <head lang="en"> <meta chaset="UTF-8"> <title></title> </head> <body> <script> people = new Object(); //javascript对象的创建 //对people对象属性赋值第一种方式 pe…