随笔分类 - JavaScript
摘要：JS是事件驱动为核心的一门语言 1 事件三要素 事件源、事件、事件驱动程序 事件源：引发后续事件的html标签。 事件：js已经定义好了（见下图）。 事件驱动程序：对样式和html的操作。也就是DOM 代码书写步骤如下：（重要） （1）获取事件源：document.getElementById(“b
阅读全文
摘要：1 概述 所谓DOM,全称 Docuemnt Object Model 文档对象模型。 什么对象？文档对象？ 在文档中一切皆对象，比如html,body,div,p等等都看做对象，那么我们如何来点击某个盒子让它变色呢？DOM 为文档提供了结构化表示，并定义了如何通过脚本来访问文档结构。目的其实就是为
阅读全文
摘要：在js中有两种定时器： 一次性定时器：setTimeout() 周期性循环定时器: setInterval() 两种方法根据不同的场景和业务需求择而取之， 对于这两个方法，需要注意的是如果要求在每隔一个固定的时间间隔后就精确地执行某动作，那么最好使用setInterval，而如果不想由于连续调用产生
阅读全文
摘要：1 概述 浏览器对象模型。 操作浏览器部分功能的API。比如让浏览器自动滚动。 BOM的结构图 window对象是BOM的顶层(核心)对象，所有对象都是通过它延伸出来的，也可以称为window的子对象。 DOM是BOM的一部分。 2 windows对象 window对象是JavaScript中的顶级
阅读全文
摘要：1 js运行的三个阶段 语法分析 预编译 解释执行 语法分析就是JS引擎去检查你的代码是否有语法错误，解释执行就是执行你的代码。最重要最需要理解的就是第二个环节预编译，简单理解就是在内存中开辟一些空间，存放一-些变量与函数。 预编译可分为全局预编译和局部预编译。 1.在js脚本加载之后，会先通篇检查
阅读全文
摘要：1 Math.ceil() Math.ceil() 向上取整，'天花板函数' var x = 1.234; //天花板函数 表示大于等于 x，并且与它最接近的整数是2 var a = Math.ceil(x); console.log(a); //2 2 Math.floor() Math.floo
阅读全文
摘要：1 URI URI通用资源标识符 var uri = 'http://www.apeland.cn/web index.html?name=zhansan'; console.log(encodeURI(uri)); //解析出空格为 %20 表示 console.log(encodeURIComp
阅读全文
摘要：1 date日期对象 创建日期对象只有构造函数一种方式，使用new关键字 //创建了一个date对象 var myDate = new Date(); console.log(myDate); var now = new Date('December 25,1999 13:00:00'); cons
阅读全文
摘要：1 创建对象的方式 方式一： var student = new Object(); student.name = "easy"; student.age = "20"; 方式二： var student={ name : 'lxx', age : 18, sex : 'male', fav : f
阅读全文
摘要：函数：就是把将一些语句进行封装，然后通过调用的形式，执行这些语句。 函数的作用： 解决大量的重复性的语句 简化编程，让编程模块化 # python 中声明函数 def add(x,y): return x+y # 调用函数 print(add(1,2)) //js中声明函数 function add
阅读全文
摘要：1 if var age = 20; if(age>18){ //{}相当于作用域 console.log('可以去会所'); } alert('alex'); //下面的代码照样执行 2 if-else var age = 20; if(age>18){ //{}相当于作用域 console.lo
阅读全文
摘要：1 length() length() 长度属性 var str = 'hello world'; console.log(str.length) //11字符,空格也是一个字符 2 charAt() charAt() 获取指定的字符 var str = 'hello world'; console
阅读全文
摘要：1 数据Array 数组中可以存放所有的数据类型，Array属于object类型 字面量方式创建（推荐大家使用这种方式，简单粗暴） <script> //数组中可以存放所有的数据类型 var shopping=['香蕉','苹果','牛奶']; alert(shopping); console.lo
阅读全文
摘要：1 将number类型转换成string类型 隐式转换 var n1 = 123; var n2 = '123'; var n3 = n1+n2; // 隐式转换 console.log(typeof n3); //隐式转换 var num = 1212.889; console.log(''+nu
阅读全文
摘要：1 算数运算符 var a = 5,b = 2; 运算优先级：加括号（）可提高优先级。 <script> var x=10; var y=4; var sum=x+y; var en=x-y; var or=x*y; var op=x%y; var c=(x+sum)/4-3; var x=3; x
阅读全文
摘要：1 number：数值类型 如果一个变量中，存放了数字，那么这个变量就是数值型的 var a = 3; var b = 1.234; var c = -1; alert(typeof a) //typeof函数：查看当前数据类型 在JavaScript中，只要是数，就是数值型(number)的。无论
阅读全文
摘要：0 引入方式 内接式 <script type="text/javascript"> </script> 外接式 <!--相当于引入了某个模块--> <script type="text/javascript" src = './index.js'></script> 1 调试语句&注释 alert
阅读全文
摘要：1 JavaScript 的历史 JavaScript 因为互联网而生，紧随着浏览器的出现而问世。回顾它的历史，就要从浏览器的历史讲起。 1990年底，欧洲核能研究组织（CERN）科学家Tim Berners-Lee，在全世界最大的电脑网络——互联网的基础上，发明了万维网（World Wide We
阅读全文
