DOM简介:说明: DOM(Document Object Model)文档对象模型,当网页被加载到WEB浏览器时,DOM树就自动被创建.它代表被加载到浏览器窗口里的当前网页,通过DOM树可以快速定位DOM对象中的元素或节点.注意: 如下内容并非专属于Js,而是DOM核心,也就是支持DOM的任何一种程序设计语言都可以使用它们,而且用途并不局限于处理网页,它们可以用来处理任何一种标记语言如XML文档节点分类:元素节点说明: 文档内的标签元素都属于元素节点,没有被包含在...
区别于Javascript脚本里的预先定义好的对象,宿主对象不是由Javascript语言本身提供的(内建对象)和用户自定义对象,它是由Javascript的运行环境(如web浏览器)提供的。这种Web提供的预定义对象我们称为宿主对象。 宿主对象主要包括From、Image、Element,Document、Windows(浏览器对象模型,BOM)原文:http://www.cnblogs.com/leitao166/p/3556104.html
第1章 Javascript简史Javascript是Netspace公司与Sun公司合作开发的,Javascript 1.0版于1995年推出。 为与微软公司竞争,Netspace公司和Sun公司联合ECMA制定了Javascript标准,因此Javascript有另一个名字:ECMAScript。 DOM是一套对文档内容进行抽象和概念化的方法。个人理解,就是浏览器把每一个加载的网页视作一个实例化的DOM类型对象,DOM相当于C++/Java中的class类,该class有一些数据成员/字段和成员函数/方法,我们可以通过...
1、 核心语法的学习 JS 变量类型 for .. in 语法 遍历JS对象属性 for循环、 if条件判断 函数定义三种方式function 函数名() {... }var 函数名 = function(){... }new Function(函数名, 参数 ,函数体)2、 全局函数 (系统函数 ) eval函数 ,将json字符串({key;value} 、[对象,对象])转换为js对象 parsetInt、parseFloat isNaN3、 内置对象String 字符串、Array 数组、Date日期 、...
作者: 阮一峰日期: 2010年5月24日这个系列的第一部分介绍了"封装",第二部分介绍了使用构造函数实现"继承"。今天是最后一个部分,介绍不使用构造函数实现"继承"。一、什么是"非构造函数"的继承?比如,现在有一个对象,叫做"中国人"。 var Chinese = { nation:‘中国‘ };还有一个对象,叫做"医生"。 var Doctor ={ career:‘医生‘ }请问怎样才能让"医生"去继承"中国人",也就是说,我怎样才能生成一...
HTML变动最大的版本应该就是HTML5了,这里就介绍一些 HTML5新增的DOM相关的API与类相关的扩充HTML4在普及后有一个十分重要的变化,即class属性使用的场景越来越多所以HTML5新增了许多API致力于简化CSS类的用法 1. getElemenetsByClassName() 该方法接收一个参数(包含一个或多个类名的字符串),返回带有指定类名的元素的Nodelist,传入多个类名时类名的顺序没有影响2. classList属性 该属性保存有一个 DOMTokenList 的实例DOMTo...
变量声明:var v1,v2 = ‘hello‘,v3=42;javascript中的数据类型分两部分:基本类型(数字,字符串,布尔值,undefined,null)和对象类型。- 查看变量类型操作符 typeof 变量或数值- 当一个数字以0开头时,就表示这是一个八进制数。0377 代表十进制数255 ;0x前缀的是十六进制数- Infinity 任何超出了javascript的数,除以0结果也是Infinity- 字符串用于算术运算时,会被当做数字类型使用。字符串 -> 数字 将与1相乘即可。或者用...
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript">//测试removeChild()方法 删除节点window.onload = function() {//alert(1);var bjNode = document.getElementById("bj");//var c = bjNode.parentNode.removeChild(bjNode);//指向已经删除的节点//alert(c.firstChild.nodeValue);//为li节点添加一个confirmvar liNodes = document.getElementsByTagNam...
一、继承 js并没有继承这一个现有的机制,所以我们所说的继承是通过JS本身的机制去实现的。1、类式继承 1// 类式继承 2 3// 父类 4function SuperClass () {5this.superValue = true 6}7 8// 为父类原型添加方法 9 SuperClass.prototype.getSuperValue = function (arguments) { 10returnthis.superValue 11} 1213// 声明子类14function SubClass () { 15this.subValue = false16} 1718// 继承父类19 SubClass.prototype = new S...
遍历“DOM2级遍历和范围” 定义了两个用于辅助完成顺序遍历的DOM结构类型NodeIterator 和 TreeWalk上述两种类型可以基于给定起点的DOM结构执行深度优先的遍历操作对于检测浏览器对于该功能的实现可以使用以下代码var supportTraversals = document.implementation.hasFeature("Traversal","2.0");var supportsNodeIterator = (typeof document.createNodeIterator === "function");var supportsTreeWalker = (typeof document.crea...
事件类型Web浏览器中可能发生的事件有许多种类型不同类型的事件都有着自己独特的信息在“DOM3级事件”规范中,规定了以下几类事件:UI事件 当用户与页面元素交互时触发焦点事件 当元素失去或获得焦点时触发鼠标事件 当用户通过鼠标在页面上执行操作时触发滚轮事件 当使用鼠标滚轮或类似设备时触发文本事件 当在文档中输入文本时触发键盘事件 当用户通过键盘在页面执行操作时触发合成事件 当为IME(输入法编辑...
什么叫非构造函数的继承?比如,现在有一个对象,叫做"中国人"。 var Chinese = { nation:‘中国‘ };还有一个对象,叫做"医生"。 var Doctor ={ career:‘医生‘ }请问怎样才能让"医生"去继承"中国人",也就是说,我怎样才能生成一个"中国医生"的对象?这里要注意,这两个对象都是普通对象,不是构造函数,无法使用构造函数方法实现"继承"。二、object()方法object()函数,可以做到这一点。 functio...
书中第2章,在HTML中使用JavaScript摘要总结2.1 <script>元素<script>中的5个属性:charset:可选。表示通过src属性指定的代码的字符集。多数浏览器会忽略它的值,很少人使用。defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。IE和Firefox3.1是目前唯一支持defer属性的主流浏览器。其他浏览器则会忽略,不延迟脚本的执行。language:已废弃。原来用于表示编写代码使用的脚本语言(如JavaScript、JavaScript1.2或V...
用函数式编程技术编写优美的 JavaScript_ibm作者: 字体:[增加 减小] 类型:转载函数式编程语言在学术领域已经存在相当长一段时间了,但是从历史上看,它们没有丰富的工具和库可供使用。随着 .NET 平台上的 Haskell 的出现,函数式编程变得更加流行。一些传统的编程语言,例如 C++ 和 JavaScript,引入了由函数式编程提供的一些构造和特性。在许多情况下,JavaScript 的重复代码导致了一些拙劣的编码。如果使用函数式编程,就可以...
原文:Callback Hell 什么是 “回调地狱”?在 JavaScript 中,我们经常通过回调来实现异步逻辑,一旦嵌套层级多了,代码结构就容易变得很不直观,最后看起来像这样:fs.readdir(source, function (err, files) {if (err) {console.log(‘Error finding files: ‘ + err)} else {files.forEach(function (filename, fileIndex) {console.log(filename)gm(source + filename).size(function (err, values) {if (err) {console.log(‘...