随笔分类 -  JavaScript

上一页 1 ··· 6 7 8 9 10 11 12 13 下一页

0162 DOM操作元素 之 表单元素的属性操作、仿京东显示密码案例
摘要:利用 DOM 可以操作如下表单元素的属性: type、value、checked、selected、disabled。 获取属性的值 元素对象.属性名 设置属性的值 元素对象.属性名 = 值 表单元素中有一些属性如:disabled、checked、selected,元素对象的这些属性的值是布尔型。 阅读全文

posted @ 2020-01-08 16:19 冲啊! 阅读(227) 评论(0) 推荐(0)

0161 DOM操作元素 之 常用元素的属性操作、分时问候案例
摘要:1.获取属性的值 元素对象.属性名 2.设置属性的值 元素对象.属性名 = 值 案例代码 阅读全文

posted @ 2020-01-08 16:15 冲啊! 阅读(221) 评论(0) 推荐(0)

0160 DOM操作元素 之 改变元素内容(获取或设置)-- innerText、innerHTML
摘要:​ JavaScript的 DOM 操作可以改变网页内容、结构和样式,我们可以利用 DOM 操作元素来改变元素里面的内容、属性等。(注意:这些操作都是通过元素对象的属性实现的) 1.5.1 改变元素内容(获取或设置) 1.5.1.1 innerText改变元素内容 1.5.1.2 innerText 阅读全文

posted @ 2020-01-08 16:13 冲啊! 阅读(762) 评论(0) 推荐(0)

0159 事件基础:事件概述,事件三要素,执行事件的步骤,常见的鼠标事件
摘要:1.4.1 事件概述 JavaScript 使我们有能力创建动态页面,而事件是可以被 JavaScript 侦测到的行为。 简单理解: 触发 响应机制 。 ​ 网页中的每个元素都可以产生某些可以触发 JavaScript 的事件,例如,我们可以在用户点击某按钮时产生一个 事件,然后去执行某些操作。 阅读全文

posted @ 2020-01-08 08:53 冲啊! 阅读(1200) 评论(0) 推荐(0)

0158 JavaScript获取元素:id,标签名,类名,querySelector,querySelectorAll,获取body、html
摘要:为什么要获取页面元素? 例如:我们想要操作页面上的某部分(显示/隐藏,动画),需要先获取到该部分对应的元素,再对其进行操作。 1.3.1. 根据ID获取 案例代码 1.3.2. 根据标签名获取元素 案例代码 注意:getElementsByTagName()获取到是动态集合,即:当页面增加了标签,这 阅读全文

posted @ 2020-01-07 21:57 冲啊! 阅读(3193) 评论(0) 推荐(0)

0157 DOM 简介
摘要:1.2.1 什么是DOM ​ 文档对象模型(Document Object Model,简称DOM),是 "W3C" 组织推荐的处理 "可扩展标记语言" (html或者xhtml)的标准 "编程接口" 。 ​ W3C 已经定义了一系列的 DOM 接口,通过这些 DOM 接口可以改变网页的内容、结构和 阅读全文

posted @ 2020-01-07 20:15 冲啊! 阅读(162) 评论(0) 推荐(0)

0156 Web API简介
摘要:1.1. Web API介绍 1.1.1 API的概念 API :Application Programming Interface,应用程序编程接口,是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,无需理解其内部工作机制细节,只需直接调用 阅读全文

posted @ 2020-01-07 20:12 冲啊! 阅读(281) 评论(0) 推荐(0)

0155 简单数据类型和复杂数据类型(含堆栈)
摘要:2.1 简单数据类型 ​ 简单类型 ( 基本数据类型 、 值类型 ):在存储时,变量中存储的是值本身,包括string ,number,boolean,undefined,null 2.2 复杂数据类型 ​ 复杂数据类型(引用类型) :在存储时,变量中存储的仅仅是地址(引用),通过 new 关键字创 阅读全文

posted @ 2020-01-07 19:23 冲啊! 阅读(348) 评论(0) 推荐(0)

0154 字符串对象String:基本包装类型,字符串不可变,indexOf ,lastIndexOf ,charAt,charCodeAt,str[index],concat,substr,replace,split
摘要:1.6.1 基本包装类型 ​ 为了方便操作基本数据类型,JavaScript 还提供了三个特殊的引用类型:String、Number和 Boolean。 ​ 基本包装类型:就是把简单数据类型包装成为复杂数据类型,这样基本数据类型就有了属性和方法。 // 下面代码有什么问题? var str = 'a 阅读全文

posted @ 2020-01-07 16:29 冲啊! 阅读(322) 评论(0) 推荐(0)

0153 数组对象Array:创建,instanceof,push、unshift,pop、shift,sort,reverse,indexOf、lastIndexOf,转换为字符串join、toString,其他方法
摘要:1.5.1 创建数组的两种方式 1.5.1.1 字面量方式 示例代码如下: var arr = [1,"test",true]; 1.5.1.2 new Array() 示例代码如下: var arr = new Array(); ​ 注意:上面代码中arr创建出的是一个空数组,如果需要使用构造函数 阅读全文

posted @ 2020-01-07 09:33 冲啊! 阅读(198) 评论(0) 推荐(0)

0152 日期对象Date:实例化,属性和方法,操作总毫秒数【时间戳】,案例
摘要:Date 对象和 Math 对象不一样,Date是一个构造函数,所以使用时需要实例化后才能使用其中具体方法和属性。Date 实例用来处理日期和时间 1.4.1 使用Date实例化日期对象 获取当前时间必须实例化 注意:如果创建实例时并未传入参数,则得到的日期对象是当前时间对应的日期对象 获取指定时间 阅读全文

posted @ 2020-01-06 17:00 冲啊! 阅读(506) 评论(0) 推荐(0)

0151 Math对象:random、round、floor、ceil、abs、max、min、随机整数、案例
摘要:​ Math 对象不是构造函数,它具有数学常数和函数的属性和方法。跟数学相关的运算(求绝对值,取整、最大值等)可以使用 Math 中的成员。 | 属性、方法名 | 功能 | | | | | Math.PI | 圆周率 | | Math.floor() | 向下取整 | | Math.ceil() | 阅读全文

posted @ 2020-01-06 11:46 冲啊! 阅读(399) 评论(0) 推荐(0)

0150 内置对象概述、查阅MDN文档
摘要:1.内置对象 1.1 内置对象 ​ JavaScript 中的对象分为3种: 自定义对象 、内置对象、 浏览器对象 ​ 前面两种对象是JS 基础 内容,属于 ECMAScript; 第三个浏览器对象属于 JS 独有的, JS API 讲解内置对象就是指 JS 语言自带的一些对象,这些对象供开发者使用 阅读全文

posted @ 2020-01-06 09:58 冲啊! 阅读(289) 评论(0) 推荐(0)

0149 遍历对象:for...in
摘要:遍历对象:for...in js for...in 语句用于对 的属性进行循环操作。 其语法如下: js for (变量 in 对象名字) { // 在此执行代码 } js 语法中的变量是自定义的,它需要符合命名规范,通常我们会将这个变量写为 k 或者 key。 js for (var k in o 阅读全文

posted @ 2020-01-05 21:59 冲啊! 阅读(542) 评论(0) 推荐(0)

0148 JavaScript 的 new关键字
摘要:我的版本 在构造函数代码开始执行之前,创建一个空对象; 设置新对象的__proto__指向构造函数的prototype对象,p.proto = XXXX.prototype; 执行构造函数,修改this的指向,让构造函数中的this指向创建出来的空对象,拷贝构造函数中的方法、属性给新对象; 判断构造 阅读全文

posted @ 2020-01-05 21:35 冲啊! 阅读(177) 评论(0) 推荐(0)

0147 JavaScript创建对象的三种方式 之 构造函数
摘要:5.2.3.1 构造函数 构造函数:是一种特殊的函数,主要用来初始化对象,即为对象成员变量赋初始值,它总与 new 运算符一起使用。我们可以把对象中一些公共的属性和方法抽取出来,然后封装到这个函数里面。 构造函数的封装格式: 构造函数的调用格式 以上代码中,obj即接收到构造函数创建出来的对象。 注 阅读全文

posted @ 2020-01-05 21:33 冲啊! 阅读(309) 评论(0) 推荐(0)

0146 JavaScript创建对象的三种方式 之 new Object
摘要:创建空对象 通过内置构造函数Object创建对象,此时andy变量已经保存了创建出来的空对象 给空对象添加属性和方法 通过对象操作属性和方法的方式,来为对象增加属性和方法 示例代码如下: 注意: Object() :第一个字母大写 new Object() :需要 new 关键字 使用的格式:对象. 阅读全文

posted @ 2020-01-05 21:30 冲啊! 阅读(1249) 评论(0) 推荐(0)

0145 JavaScript创建对象的三种方式 之 字面量:创建,访问对象的属性&方法,变量、属性、函数、方法总结
摘要:在 JavaScript 中,现阶段我们可以采用三种方式创建对象(object): 利用字面量创建对象 利用 new Object 创建对象 利用构造函数创建对象 5.2.1 利用字面量创建对象 5.2.1.1 创建 使用对象字面量创建对象 :{ }。 键:相当于属性名 值:相当于属性值,可以是任意 阅读全文

posted @ 2020-01-05 21:25 冲啊! 阅读(701) 评论(0) 推荐(0)

0144 对象:相关概念、对象的优势
摘要:5.1 对象的相关概念 5.1.1 什么是对象? 现实生活中:万物皆对象, 对象是一个具体的事物 ,看得见摸得着的实物。例如,一本书、一辆汽车、一个人 可以是“对象”,一个数据库、一张网页、一个与远程服务器的连接也可以是“对象”。 在 JavaScript 中, 对象是一组无序的相关属性和方法的集合 阅读全文

posted @ 2020-01-05 21:23 冲啊! 阅读(298) 评论(0) 推荐(0)

0143 JavaScript预解析:概念、变量预解析、函数预解析、函数表达式声明函数问题、案例
摘要:4.1 预解析的相关概念 JavaScript 代码是由浏览器中的 JavaScript 解析器来执行的。 JavaScript 解析器在运行 JavaScript 代码的时候分为两步:预解析 和 代码执行。 预解析:在当前作用域下, JS 代码执行之前,浏览器会默认把带有 var 和 functi 阅读全文

posted @ 2020-01-05 12:24 冲啊! 阅读(320) 评论(0) 推荐(0)

上一页 1 ··· 6 7 8 9 10 11 12 13 下一页

导航