Java Script
关注
分享
扫一扫
刘 喆
这个作者很懒，什么都没留下…
展开
-
Web APIs-day02（节点操作、一篇让你搞懂JS所有节点的文章（附带节点案例、简单版发布留言、新浪下拉菜单））
1.6. 节点操作1.6.1. 节点概述 网页中的所有内容都是节点（标签、属性、文本、注释等），在DOM 中，节点使用 node 来表示。 HTML DOM 树中的所有节点均可通过 JavaScript 进行访问，所有 HTML 元素（节点）均可被修改，也可以创建或删除。 一般地，节点至少拥有nodeType（节点类型）、nodeName（节点名称）和nodeValue（节点值）这...原创 2020-03-22 19:20:47 · 432 阅读 · 0 评论 -
Web APIs-day02 （排他思想、百度换肤案例、股票表格隔行换色、全选案例、API的自定义属性操作和案例）
day02 - Web APIs学习目标：能够说出排他操作的一般实现步骤能够使用html5中的dataset方式操作自定义属性能够根据提示完成百度换肤的案例能够根据提示完成全选案例能够根据提示完成tab栏切换案例能够区分元素节点、文本节点、属性节点能够获取指定元素的父元素能够获取指定元素的所有子元素能够说出childNodes和children的区别能够使用createEl...原创 2020-03-22 19:18:18 · 551 阅读 · 0 评论 -
Web APIs （API的概念、获取DOM对象的各种方法、触发事件、常见的鼠标事件（附图）以及课后练习案例）
day01 - Web APIs学习目标：能够通过ID来获取元素能够通过标签名来获取元素能够通过class来获取元素能够通过选择器来获取元素能够获取body和html元素能够给元素注册事件能够修改元素的内容能够区分innerText和innerHTML的区别能够修改像div这类普通元素的属性能够修改表单元素的属性能够修改元素的样式属性1.1. Web API介绍1....原创 2020-03-21 20:11:37 · 574 阅读 · 0 评论 -
JavaScript 的内置对象（Math对象、数组对象、字符串对象、日期对象）以及对入栈堆栈的一些理解。
1 - 内置对象1.1 内置对象 JavaScript 中的对象分为3种：自定义对象 、内置对象、 浏览器对象 前面两种对象是JS 基础 内容，属于 ECMAScript； 第三个浏览器对象属于 JS 独有的， JS API 讲解内置对象就是指 JS 语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能（属性和方法），内置对象最大的优点就是帮助我们快...原创 2020-03-21 19:35:07 · 395 阅读 · 0 评论 -
JavaScript 必须学会的两大知识点（作用域和对象）
1 - 作用域1.1 作用域概述通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。JavaScript（es6前）中的作用域有两种：全局作用域局部作用域（函数作用域）1.2 全局作用域作用于所有代码执行的环境(整个 script 标签内部)或者一...原创 2020-03-21 19:15:36 · 209 阅读 · 0 评论 -
JavaScript 函数（概念、使用、封装、参数、函数的返回值、函数的声明、以及arguments的使用）
2 - 函数2.1 函数的概念 在 JS 里面，可能会定义非常多的相同代码或者功能相似的代码，这些代码可能需要大量重复使用。虽然 for循环语句也能实现一些简单的重复操作，但是比较具有局限性，此时我们就可以使用 JS 中的函数。 函数：就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。2.2 函数的使用声明函数// 声明函数function 函数...原创 2020-03-21 19:03:48 · 754 阅读 · 0 评论 -
JavaScript 数组（遍历数组）
1 - 数组1.1 数组的概念数组可以把一组相关的数据一起存放，并提供方便的访问(获取）方式。数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。1.2 创建数组JS 中创建数组有两种方式：利用 new 创建数组var 数组名 = new Array() ；var arr = new Arra...原创 2020-03-21 19:01:08 · 336 阅读 · 0 评论 -
JavaScript中的所有分支语句，循环语句以及多层循环语句，值得收藏！（附带案例、代码规范）
1 - 循环1.1 for循环语法结构for(初始化变量; 条件表达式; 操作表达式 ){//循环体}名称作用初始化变量通常被用于初始化一个计数器，该表达式可以使用 var 关键字声明新的变量，这个变量帮我们来记录次数。条件表达式用于确定每一次循环是否能被执行。如果结果是 true 就继续循环，否则退出循环。操作表达式用于确定每一次循环是否能被...原创 2020-03-21 18:49:49 · 286 阅读 · 0 评论 -
JS中的正则表达式
1.正则表达式- 语法：- 量词{n} 正好n次{m,n} m-n次{m,} 至少m次+ 至少1次 {1,}? 0次或1次 {0,1}* 0次或多次 {0,} - 转义字符 \ 在正则表达式中使用\作为转义字符 \. 表示. \\ 表示\ . 表示任意字符 \w - 相当于[A-z0-9_] \W - 相当于[^A-z0-9_] \...原创 2019-11-23 23:05:28 · 556 阅读 · 0 评论 -
JS数组所对应的源码练习（包含注释，详细！）
1.创建数组以及数组的一些概念<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 内建对象 * 宿主对象 ...原创 2019-11-22 00:21:24 · 293 阅读 · 0 评论 -
JS中数组的各种疯狂操作（干货，值得收藏）
1.原型（prototype） - 创建一个函数以后，解析器都会默认在函数中添加一个数prototype prototype属性指向的是一个对象，这个对象我们称为原型对象。 - 当函数作为构造函数使用，它所创建的对象中都会有一个隐含的属性执行该原型对象。 这个隐含的属性可以通过对象.__proto__来访问。 - 原型对象就相当于一个公共的区域，凡是通过同一个构造函数创建的对象他们通...原创 2019-11-21 00:31:39 · 198 阅读 · 0 评论 -
JS中this的应用以及源码练习
解析器在调用函数每次都会向函数内部传递进一个隐含的参数,这个隐含的参数就是this，this指向的是一个对象，这个对象我们称为函数执行的 上下文对象，根据函数的调用方式的不同，this会指向不同的对象1.以函数的形式调用时，this永远都是window2.以方法的形式调用时，this就是调用方法的那个对象 function fun(){ //console.log("a ...原创 2019-11-19 00:01:50 · 459 阅读 · 0 评论 -
函数的返回值（return）以及立即执行函数
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> /* * 创建一个函数，用来计算三个数的和 * * 可以...原创 2019-11-17 22:00:39 · 1808 阅读 · 0 评论 -
JS中函数的一些练习让你更加深入的理解函数。
1.函数的定义以及源码练习<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 函数 function * -...原创 2019-11-17 21:54:18 · 178 阅读 · 0 评论 -
js中对象的类型和对象的属性值（附有源码练习）
JS中数据类型* - String 字符串* - Number 数值* - Boolean 布尔值* - Null 空值* - Undefined 未定义* - 以上这五种类型属于基本数据类型，以后我们看到的值* 只要不是上边的5种，全都是对象* - Object 对象*** 基本数据类型都是单一的值"hello" 123 true,* 值和值之间没...原创 2019-11-17 00:08:09 · 473 阅读 · 0 评论 -
js基础篇（六）（函数和作用域）
1.函数返回值，就是函数执行的结果。- 使用return 来设置函数的返回值。- 语法：return 值;- 该值就会成为函数的返回值，可以通过一个变量来接收返回值- return后边的代码都不会执行，一旦执行到return语句时，函数将会立刻退出。- return后可以跟任意类型的值，可以是基本数据类型，也可以是一个对象。- 如果return后不跟值，或者是不写return则函...原创 2019-11-14 00:03:04 · 164 阅读 · 0 评论 -
js基础篇（5）对象和函数
1.对象（Object）- 对象是JS中的引用数据类型 - 对象是一种复合数据类型，在对象中可以保存多个不同数据类型的属性 - 使用typeof检查一个对象时，会返回object - 创建对象 - 方式一： - var obj = new Object(); - 方式二： - var obj = {}; - 向对象中添加属性 - 语法： 对象.属性名...原创 2019-11-12 22:53:15 · 147 阅读 · 0 评论 -
js条件分支语句，循环语句以及for循环。
1.条件分支语句switch语句语法:switch(条件表达式){case 表达式:语句…break;case 表达式:语句…break;case 表达式:语句…break;default:语句…break;}执行流程：switch…case…语句在执行时，会依次将case后的表达式的值和switch后的表达式的值进行全等比较，如果比较结果为fal...原创 2019-11-11 23:25:25 · 224 阅读 · 0 评论 -
js基础篇（四）（运算符以及流程控制语句）
1.运算符逻辑运算符!- 非运算可以对一个布尔值进行取反，true变false false边true- 当对非布尔值使用!时，会先将其转换为布尔值然后再取反- 我们可以利用!来将其他的数据类型转换为布尔值 && - &&可以对符号两侧的值进行与运算 - 只有两端的值都为true时，才会返回true。只要有一个false就会返回false。 -...原创 2019-11-10 22:14:25 · 187 阅读 · 0 评论 -
js基础篇（三）深入数据类型以及强制类型转换和字符串
1.数据类型JS中一共分成六种数据类型- String 字符串- Number 数值- Boolean 布尔值- Null 空值- Undefined 未定义- Object 对象其中基本数据类型有 - String 字符串JS中的字符串需要使用引号引起来双引号或单引号都行在字符串中使用\作为转义字符’ ==> ’" ==> "\n =...原创 2019-11-07 23:48:43 · 251 阅读 · 0 评论 -
js基础篇（二）
1.表格在网页中可以通过表格来表示一些格式化的数据表格相关的标签< table> 用来创建一个表格< tr> 表示表格中的一行< th> 表示表头中的单元格< td> 表示表格中的单元格属性：colspan 横向的合并单元格rowspan 纵向的合并单元格例子： ...原创 2019-11-07 23:05:06 · 150 阅读 · 0 评论 -
js基础篇(一)（js中所有的数据类型）
在一切正式开始学习前你一定要先会js的三种输出方式：1.alertalert(“hello world”)点击进入网页时会弹出网页对话框输出hello world2.document.writedocument.write（“hello world”）进入网页后，会在网页里面显示hello world3.console.logconsole.log(“你猜我在哪呢”）进入网页后...原创 2019-11-06 00:55:44 · 570 阅读 · 0 评论 -
js所有循环语句以及流程控制
1.if else语句如果表达式结果为真，则输出语句1.如果为假则跳到else语句，输出语句2.var num = parseInt( Math.random()*99 + 1 ); //使用random()函数生成一个随机数//console.log( num );if ( num % 2 == 0){ //判断变量num是否为偶数 console.log( num + "是...原创 2019-11-05 23:09:25 · 149 阅读 · 0 评论 -
js中的new运算符
1.使用NEWnew是个运算符，可以创建对象，初始化实例。其语法格式如下：new constructor(arguments)constructor必须是个构造函数表达式，参数arguments可有可无，参数之间用逗号分隔。如果没有参数，可以省略小括号。new实例：var a = new Array;var b = new Array();var c = new Array(1,...原创 2019-11-03 23:10:20 · 410 阅读 · 0 评论