上一页 1 ··· 25 26 27 28 29 30 31 32 33 ··· 36 下一页

2020年1月9日

0165 DOM 之 节点操作:节点概述,节点层级,父级层级,子节点,新浪下拉菜单案例,兄弟节点,创建节点,添加节点,留言板案例

摘要: 为什么学节点操作 1.6.1 节点概述 ​ 网页中的所有内容都是节点(标签、属性、文本、注释等),在DOM 中,节点使用 node 来表示。 ​ HTML DOM 树中的所有节点均可通过 JavaScript 进行访问,所有 HTML 元素(节点)均可被修改,也可以创建或删除。 ​ 一般地,节点至少 阅读全文

posted @ 2020-01-09 17:37 冲啊! 阅读(551) 评论(0) 推荐(0)

0164 DOM 之 自定义属性操作:获取属性值,设置属性值,删除属性, tab 栏案例,H5自定义属性

摘要: 1.5.1 获取属性值 1.5.2 设置属性值 1.5.3 删除属性 1.5.4. 案例:tab栏 1.5.5 H5自定义属性 自定义属性目的:为了保存并使用数据。有些数据可以保存到页面中而不用保存到数据库中。 自定义属性获取:可以通过 getAttribute(‘属性’) 获取 。 但是有些自定义 阅读全文

posted @ 2020-01-09 11:24 冲啊! 阅读(595) 评论(0) 推荐(0)

2020年1月8日

0163 DOM操作元素 之 样式属性操作:style、className、淘宝点击关闭二维码、循环精灵图背景、显示隐藏文本框内容、密码框格式提示错误信息

摘要: 我们可以通过 JS 修改元素的大小、颜色、位置等样式。 常用方式 1.5.6.1 方式1:通过操作style属性 元素对象的style属性也是一个对象! 元素对象.style.样式属性 = 值; 案例代码 案例:淘宝点击关闭二维码 案例:循环精灵图背景 案例:显示隐藏文本框内容 方式2:通过操作cl 阅读全文

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

0162 DOM操作元素 之 表单元素的属性操作、仿京东显示密码案例

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

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

0161 DOM操作元素 之 常用元素的属性操作、分时问候案例

摘要: 1.获取属性的值 元素对象.属性名 2.设置属性的值 元素对象.属性名 = 值 案例代码 阅读全文

posted @ 2020-01-08 16:15 冲啊! 阅读(220) 评论(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 冲啊! 阅读(756) 评论(0) 推荐(0)

0159 事件基础:事件概述,事件三要素,执行事件的步骤,常见的鼠标事件

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

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

2020年1月7日

0158 JavaScript获取元素:id,标签名,类名,querySelector,querySelectorAll,获取body、html

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

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

0157 DOM 简介

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

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

0156 Web API简介

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

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

0155 简单数据类型和复杂数据类型(含堆栈)

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

posted @ 2020-01-07 19:23 冲啊! 阅读(334) 评论(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 冲啊! 阅读(320) 评论(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 冲啊! 阅读(197) 评论(0) 推荐(0)

2020年1月6日

0152 日期对象Date:实例化,属性和方法,操作总毫秒数【时间戳】,案例

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

posted @ 2020-01-06 17:00 冲啊! 阅读(502) 评论(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 冲啊! 阅读(387) 评论(0) 推荐(0)

0150 内置对象概述、查阅MDN文档

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

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

2020年1月5日

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 冲啊! 阅读(535) 评论(0) 推荐(0)

0148 JavaScript 的 new关键字

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

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

0147 JavaScript创建对象的三种方式 之 构造函数

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

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

0146 JavaScript创建对象的三种方式 之 new Object

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

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

上一页 1 ··· 25 26 27 28 29 30 31 32 33 ··· 36 下一页

导航