![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript快速入门
文章平均质量分 60
「已注销」
代码改变世界
展开
-
JavaScript学习-匿名函数和闭包
匿名函数function(){ return 'Lee';// 匿名函数,单独存在会报错}把匿名函数赋值给变量var f = function(){ return 'Lee';}// 调用f();通过自我执行来执行匿名函数(function(){ alert('Lee');})();var box = (function(){ return 'Lee';}原创 2017-12-11 22:49:42 · 177 阅读 · 0 评论 -
JavaScript学习-DOM
什么是DOMDOM即文档对象模型,是针对HTML和XML的API。通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。 HTML DOM 模型被构造为对象的树。 通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML。 JavaScript原创 2017-12-12 10:26:18 · 173 阅读 · 0 评论 -
JavaScript学习-事件
浏览器与用户操作交互产生事件。 Js有三种事件模型:内联、脚本、Dom2。内联模型事件处理函数作为HTML一个标签的属性存在。实例一:<input type="button" value = "按钮" onclick="alert(123);"/>实例二:<input type="button" value = "按钮" onclick="box();"/>function box(){原创 2017-12-12 16:06:00 · 159 阅读 · 0 评论 -
JavaScript学习-封装基础库1
一、为什么要封装JS中我们最常用的,也许就是获取节点的方法,例如如下HTML:<div id='box'>id</div><input type="radio" name ="sex" value='男' checked="checked"/><p>段落</p>通常我们可以如下获取:window.onload = function(){ alert(document.getElement原创 2017-12-12 17:23:19 · 237 阅读 · 0 评论 -
JavaScript学习-封装基础库2
上一节实现了原创 2017-12-12 19:55:40 · 152 阅读 · 0 评论 -
JavaScript学习-封装基础库3
CLASS的添加demo.css:.a { color: red;}.b { background: #ccc;}.c { font-weight: bold;}.d { text-decoration: underline;}demo.html:<div id='box'>box</div><div id='pox'>pox</div>demo.js原创 2017-12-12 22:44:31 · 159 阅读 · 0 评论 -
JavaScript学习-Function类型
一、函数的声明方式普通方式function box(num1, num2){ return num1 + num2;}使用’变量初始化函数’var box = function (num1, num2){ return num1 + num2;}使用Function构造函数(不推荐)var box = new Function('num1','num2','return num1原创 2017-12-11 21:33:19 · 168 阅读 · 0 评论 -
JavaScript学习-面向对象与原型5
继承JS支持继承。通过原型链实现继承function Box(){ this.name = 'Lee';}function Desk(){ this.page = 100;}Desk.prototype = new Box();测试代码:var desk = new Desk();document.write(desk.name);测试输出:Lee可以看到,Desk继承了B原创 2017-12-11 14:24:33 · 245 阅读 · 0 评论 -
JavaScript学习- Math(算数)对象
Math 对象Math(算数)对象的作用是:执行普通的算数任务。 Math 对象提供多种算数值类型和函数。无需在使用这个对象之前对它进行定义。算数值JavaScript 提供 8 种可被 Math 对象访问的算数值: 常数 圆周率 2 的平方根 1/2 的平方根 2 的自然对数 10 的自然对数 以 2 为底的 e 的对数 以 10 为底的 e 的对数 这是在 Javascrip原创 2017-12-08 15:23:45 · 183 阅读 · 0 评论 -
JavaScript学习-简介
本系列笔记的主要内容来自w3school.简介JavaScript 是世界上最流行的编程语言。 这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。JavaScript 是脚本语言 JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后,可由所有原创 2017-12-08 03:34:28 · 204 阅读 · 0 评论 -
JavaScript学习-基本语法
一、注释JavaScript 注释可用于提高代码的可读性。 JavaScript 不会执行注释。 单行注释以 // 开头。 多行注释以 /*开始,以 */ 结尾。// 这是JavaScript单行注释/*这是JavaScript多行注释*/二、变量1、命名变量名以字母、$ 或 _ 符号开头; 变量名区分大小写; 2、声明使用 var 关键词来声明变量:var x原创 2017-12-08 04:18:05 · 384 阅读 · 0 评论 -
JavaScript学习-面向对象与原型1
JavaScript的面向对象是非正统且怪异的。创建对象1、使用基本方法创建对象var box = new Object();//创建对象box.name = "Lee";// 添加属性box.age = 100;box.run = function(){// 添加方法 return this.name + this.age + "运行中...";}document.write(bo原创 2017-12-09 22:01:11 · 166 阅读 · 0 评论 -
JavaScript学习-面向对象与原型2
使用构造函数虽然极大地方便了创建不同类的对象,但是有时候不同的对象需要共享一些数据和方法,这时候,我们就要用到原型了。原型的创建function Box(){}// 构造函数体内什么都没有,如果有,叫做实例方法和实例属性Box.prototype.name = 'Lee';// 原型属性Box.prototype.age = 100;// 原型属性Box.prototype.run = fun原创 2017-12-10 10:17:46 · 201 阅读 · 0 评论 -
JavaScript学习-面向对象与原型3
为了让属性和方法更好地体现封装的效果,并且减少不必要的输入,原型的创建可以使用字面量的方式。原创 2017-12-10 11:12:09 · 178 阅读 · 0 评论 -
JavaScript学习-面向对象与原型4
原型模式创建对象的缺点1、省略了构造函数传参 导致的结果就是对象初始化的值都是一样的。 2、原型的最大优点,也是其最大缺点,即共享。 特别是对于引用类型,比如一个数组,如果你通过一个实例修改了数组中的数据,那么由此原型创建的所有对象访问的都是修改后的数组数据,因为原型的数据是共享的。function Box(){}Box.prototype = { constructor :Box,原创 2017-12-11 03:59:02 · 153 阅读 · 0 评论 -
JavaScript学习-日期
定义日期Date 对象用于处理日期和时间。 可以通过 new 关键词来定义 Date 对象。以下代码定义了名为 myDate 的 Date 对象:var myDate=new Date() Date 对象自动使用当前的日期和时间作为其初始值。操作日期通过使用针对日期对象的方法,我们可以很容易地对日期进行操作。 在下面的例子中,我们为日期对象设置了一个特定的日期 (2008 年 8 月 9 日):原创 2017-12-08 05:59:18 · 250 阅读 · 0 评论