以下是为您整理出来关于【javascript教程】合集内容，如果觉得还不错，请帮忙转发推荐。
目录章节1基础入门课时101-初探JavaScript魅力01课时202-初探JavaScript魅力02课时303-初探JavaScript魅力03课时404-初探JavaScript魅力04课时505-初探JavaScript魅力05章节2基础应用课时606-JavaScript基础01课时707-JavaScript基础02课时808-深入JavaScript课时909-定时器的使用课时1010-定时器的使用章节3DOM应用课时1111-DOM基础课时1212-DOM操作应用课时1313-DOM操作应用高级课时1414-DOM操作应用高级章节4JS运动技术课时1515...
面向对象编程很重要的一个方面，就是对象的继承。A 对象通过继承 B 对象，就能直接拥有 B 对象的所有属性和方法。这对于代码的复用是非常有用的。大部分面向对象的编程语言，都是通过“类”（class）实现对象的继承。传统上，JavaScript 语言的继承不通过 class，而是通过“原型对象”（prototype）实现，本章介绍 JavaScript 的原型链继承。ES6 引入了 class 语法，基于 class 的继承不在这个教程介绍，请参阅《ES6 标准入门》一书...
作用域:1 在es5.0中只有函数可以构成一个作用域 2 全局作用域: 整个js代码执行的环境 3 局部作用域: 函数可以构成一个局部作用域 4 全局变量: 在全局作用域中申明的变量 5 局部变量: 在函数构成的局部作用域中申明的变量var a = 1;function fn(){var a = 2;function fnA(){a = 3;console.log(a); //3 }fnA();console.log(a); // 3 }fn();console.log(a);// 1 词法作用域(静态作用域):外部作用域不能访问内容作用域的变量查找变...
1 offset 家族offset这个单词本身是--偏移，补偿，位移的意思。 js中有一套方便的获取元素尺寸的办法就是offset家族；2 offset 结构介绍为: 3 offset常用属性1 offsetWidth offsetHeight 得到对象的宽度和高度(自己的，与他人无关) offsetWidth = width+padding+border2 offsetLeft offsetTop 返回距离上级盒子（带有定位）左边的位置 如果父级都没有定位则以body 为准offsetLeft 从父亲的padding 开始算 父亲的border 不算3 off...
因为考虑到Python的接受难度，改为推广较为简单和流行的JavaScript。先列主要参考资料： JavaScript权威指南(第6版)：http://book.douban.com/subject/10549733/ JavaScript高级程序设计：http://book.douban.com/subject/10546125/ JavaScript语言精粹：http://book.douban.com/subject/3590768/ 高性能javascript http://book.douban.com/subject/5362856/ JavaScript模式 http://book....
1 获取标签属性语法: element.getAttribute(‘属性名‘) 返回对应属性的值 ,如果没有返回null.//html <div id="box" index="0"></div>//jsvar box = document.getElementById(‘box‘); var value = box.getAttribute(‘index‘); console.log(value) // 02 设置自定义属性的值语法: element.setAttribute(‘属性名‘, ‘属性的值‘) 返回undefined//html <div id="box" ></div>//jsvar box = document.getElementById(‘box‘); b...
1.js 错误var objClass = {foo:1,bar:2 };function printf() {var aaa:objClass;aaa.foo = 2;console.log(objClass.bar); } function throwIt() {thrownew Error(""); }function catchIt() {console.log(catchIt.name);try {throwIt();}catch (e) {console.log(e.stack);} }<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>DataType</title><script type="text/javascript" src="scripts/dataType.js"></scr...
错误处理try … catch … finally我们来分析一下使用try … catch … finally的执行流程。 当代码块被try { … }包裹的时候，就表示这部分代码执行过程中可能会发生错误，一旦发生错误，就不再继续执行后续代码，转而跳到catch块。catch (e) { … }包裹的代码就是错误处理代码，变量e表示捕获到的错误。最后，无论有没有错误，finally一定会被执行。 所以，有错误发生时，执行流程像这样：先执行try { … }的代码； 执行到出错的语...
underscoreunderscore前面我们已经讲过了，JavaScript是函数式编程语言，支持高阶函数和闭包。函数式编程非常强大，可以写出非常简洁的代码。 现在问题来了，Array有map()和filter()方法，可是Object没有这些方法。此外，低版本的浏览器例如IE6～8也没有这些方法，怎么办？方法一，自己把这些方法添加到Array.prototype中，然后给Object.prototype也加上mapObject()等类似的方法。 方法二，直接找一个成熟可靠的第三方开源库，使用...
jQuery jQuery这么流行，肯定是因为它解决了一些很重要的问题。实际上，jQuery能帮我们干这些事情：消除浏览器差异：你不需要自己写冗长的代码来针对不同的浏览器来绑定事件，编写AJAX等代码； 简洁的操作DOM的方法：写$(’#test’)肯定比document.getElementById(‘test’)来得简洁； 轻松实现动画、修改CSS等各种操作。jQuery的理念“Write Less, Do More“，让你写更少的代码，完成更多的工作！使用jQuery使用jQuery只需要在页面...