JavaScript
关注
分享
扫一扫
小欣的blogs
请多多指教~！
展开
-
if条件语句
JavaScript基本语句条件语句if语句if...else语句条件语句所谓条件控制语句就是对语句中不同条件的值进行判断，进而根据不同的条件执行不同的语句。条件的控制语句主要有两类：一类是if语句以及该语句的各种变种：另一类是switch多分支语句。if语句if语句是最基本，最常用的条件控制语句，通过判断条件表达式的值为true或者false,来确定是否执行某一条语句。if(expre...原创 2019-03-30 11:05:03 · 7977 阅读 · 0 评论 -
JavaScript图片轮播图
轮播图四张图片每隔2秒换下一张四张图片每隔2秒换下一张<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{padding: 0;...原创 2019-04-20 13:40:18 · 1636 阅读 · 0 评论 -
两墙之间小球滚动
两墙之间小球滚动当点击开始的时候小球在两墙之间滚动，点击停止的时候小球停止当点击开始的时候小球在两墙之间滚动，点击停止的时候小球停止<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <st...原创 2019-04-20 14:21:38 · 954 阅读 · 0 评论 -
3D正方体旋转
3D正方体旋转3D正方体旋转，当点击正方体时，正方体停止旋转3D正方体旋转，当点击正方体时，正方体停止旋转<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>正方体</title> <style> *{ ma...原创 2019-04-20 14:28:30 · 2965 阅读 · 0 评论 -
数组内置方法 栈方法
数组内置方法 栈方法栈方法栈方法栈方法：先进后出 修改了数组push(多个参数) 在数组末尾添加元素pop() 删除数组末尾元素<script type="text/javascript"> var arr=[]; arr.push(20); arr.push(30); arr.pop(); //输出...原创 2019-04-20 14:53:43 · 853 阅读 · 0 评论 -
数组内置方法 队列方法
数组内置方法 队列方法队列方法队列方法队首 ------- 队尾队列：先进先出 修改了原数组push(): 在数组末尾追加元素shift(): 删除数组中第一个元素创建一个数组，并删除数组的第一个元素<script type="text/javascript">var arr = new Array(3)arr[0] =...原创 2019-04-20 15:14:35 · 768 阅读 · 0 评论 -
数组内置方法 排序方法
数组内置方法 排序方法排序方法排序方法排序方法： 修改了原数组sort: 排序(不是升序降序) 默认是按照字符串排序 sort返回值:对数组的引用。请注意，数组在原数组上进行排序，不生成副本。reverse: 倒叙 元素位置颠倒(第一个跑到最后一个，最后跑到第一个)该方法会改变原来的数组，而不会创建新的数组。sort例题：创建一个数组，并按照...原创 2019-04-20 15:27:27 · 1557 阅读 · 0 评论 -
数组内置方法数组操作方法
数组内置方法数组操作方法数组操作方法concat() 方法unshift() 方法slice() 方法splice()数组操作方法concat() 方法用于连接两个或多个数组。语法：arra.concat(arrayX,arrayX,......,arrayX)；该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。concat返回值:返回一个新的数组。该数组是通过把所有 ...原创 2019-04-20 16:00:35 · 1197 阅读 · 0 评论 -
JavaScript join() 方法
JavaScript join方法join() 方法join() 方法join: 将数组转化为字符串join(sp); 使用指定字符串将数组元素拼接为字符串语法： array.join(separator)；join返回值:返回一个字符串。该字符串是通过把 array 的每个元素转换为字符串，然后把这些字符串连接起来，在两个元素之间插入 separator 字符串而生成的。...原创 2019-04-20 16:24:30 · 1099 阅读 · 0 评论 -
字符串与数组的异同点
字符串与数组异同点共同点不同点例题共同点都可以遍历都有length都可以通过索引取值 str[索引] arr[索引]不同点遍历方式不同：数组：for、for in、forEach 字符串：for字符串不能修改，数组可以修改类型不同：数组：赋值的是地址字符串： 赋值的是值例题返回一个只包含数字类型的数组(nsjgds312jiehks645jdesgv978)...原创 2019-04-20 16:32:03 · 1957 阅读 · 1 评论 -
数组引用类型与基本类型的区别
数组引用类型引用类型和基本类型的区别引用类型和基本类型的区别引用类型：赋值，传递的是地址 里面的值都指向了同一个空间，都在堆内存中基本类型：变量赋值，传递的是值在栈内存保存数据，在堆内存中的地址引用；栈内存用的是堆内存里面的地址区别引用类型和基本类型的区别：<script type="text/javascript"> var arr=[90,80];...原创 2019-04-20 16:49:56 · 2363 阅读 · 0 评论 -
jQuery效果之“日出日落”
jQuery效果之“日出日落”html代码片段js代码片段css代码片段html代码片段<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" h...原创 2019-09-25 13:51:08 · 1307 阅读 · 0 评论 -
jQuery效果之“满天星”
jQuery效果之“满天星”html代码片段js代码片段css代码片段引入的是jquery-1.11.1.js 文档html代码片段<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <l...原创 2019-09-25 13:55:21 · 1058 阅读 · 0 评论 -
jQuery简易小游戏之“贪吃蛇”
jQuery简易小游戏之“贪吃蛇”html代码片段html代码片段<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><style type="text/css"...原创 2019-09-25 13:58:10 · 937 阅读 · 0 评论 -
数组入门
数组数组数组就是一组数据 用Array();它是引用类型 使用前要先定义new原创 2019-04-20 13:35:35 · 775 阅读 · 0 评论 -
图片跟着鼠标移动
图片跟着鼠标移动例题：无论鼠标移动到哪儿，图片始终跟着鼠标<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> img{width: 5...原创 2019-04-16 20:45:24 · 746 阅读 · 0 评论 -
js实现表格结构
js实现表格使用js和函数实现表格使用js和函数实现表格1.用js代码实现以上结构2.用函数实现(封装)3.思考题：点击‘删除’按钮，删除该行<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title>...原创 2019-04-16 20:41:07 · 1837 阅读 · 0 评论 -
switch语句
switch语句switch语句参数switch语句switch 语句是多重条件判断，用于多个值相等的比较。switch是典型的多分支语句，其作用与嵌套使用if语句基本相同，但switch语句比if语句更具有可读性，而且switch语句允许在找不到一个匹配条件的情况下执行默认的一组语句。switch语句的语法格式如下：switch(n){ case 1: //...原创 2019-03-30 11:32:02 · 392 阅读 · 0 评论 -
循环语句
循环语句循环语句：while语句循环语句：所谓循环语句是指满足条件的情况下反复执行一个操作。while 语句是一种先判断，后运行的循环语句。也就是说，必须满足条件了之后，方可运行循环体。do while语句：do…while 语句是一种先运行，后判断的循环语句。也就是说，不管条件是否满足，至少先运行一次循环体。for语句：for 语句也是一种先判断，后运行的循环语句。但它具有在执行...原创 2019-03-30 14:23:21 · 518 阅读 · 0 评论 -
跳转语句
跳转语句break语句continue语句break语句break语句可以时程序立即跳出循环，该语句有两种形式：有标号的和无标号的。多数情况下，break语句是单独使用的，但有时也可以在其后加一个语句标号，以表明跳出该标号所指定的循环，并执行该循环之后的代码。break 语句（不带标签引用），只能用在循环或 switch 中。下面使用break语句判断当i的值大于10时跳出循环。程序代码...原创 2019-03-30 14:55:13 · 783 阅读 · 0 评论 -
异常处理语句
异常处理语句throw语句catchfinally 语句try...catch..finally语句try 语句测试代码块的错误。catch 语句处理错误。throw 语句创建自定义错误。finally 语句在 try 和 catch 语句之后，无论是否有触发异常，该语句都会执行。throw语句throw语句的作用是抛出一个异常。所谓的抛出异常就是用信号通知系统发生了异常情况或错误...原创 2019-03-30 15:26:18 · 3189 阅读 · 0 评论 -
九九乘法表
九九乘法表使用for语句<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script type="text/javascript"...原创 2019-03-30 15:36:49 · 321 阅读 · 0 评论 -
JavaScript简介
JavaScript简介JavaScript简介JavaScript是什么Javascript概念JavaScript 是脚本语言开发工具JavaScript核心JavaScript基本语法规则JS注释JavaScript：引入外部JS文件常见的输出语句直接量变量JavaScript简介JavaScript是什么JavaScript 是一种具有面向对象能力的、解释型的程序设计语言。更具体一点...原创 2019-03-27 10:00:25 · 609 阅读 · 0 评论 -
JavaScript 变量
变量直接量关键字变量声明（创建） JavaScript 变量变量值的传递变量提升现象JavaScript 数据类型直接量直接量：在程序中直接显示的量，也称字面量即字面量，就是程序中直接显示出来的数据值。简单的直接量有两类： 数值， 字符串数值直接量很简单，如同数学的表示方式，无须任何符号， 例如9, 3.14字符串需要加上引号（单引号或双引号）， 例如”我们”, “”其它字面量：布尔字面...原创 2019-03-28 20:09:59 · 293 阅读 · 0 评论 -
JavaScript 数据类型
数据类型JavaScript 数据类型JavaScript 数据类型JavaScript 变量还能保存其他数据类型，比如文本值 (name=“Bill Gates”)。在 JavaScript 中，类似 “Bill Gates” 这样一条文本被称为字符串。JavaScript 变量有很多种类型，但是现在，我们只关注数字和字符串。当您向变量分配文本值时，应该用双引号或单引号包围这个值。当...原创 2019-03-28 20:31:01 · 303 阅读 · 0 评论 -
DOM
DOMDOM基本定义节点层次DOM基本定义DOM（文档对象模型）是针对 HTML 和 XML 文档的一个 API（应用程序编程接口）。DOM 描绘了一个层次化的节点树，允许开发人员添加、移除和修改页面的某一部分。节点层次DOM 可以将任何 HTML 或 XML 文档描绘成一个由多层节点构成的结构。节点分为几种不同的类型，每种类型分别表示文档中不同的信息及（或）标记。每个节点都拥有各自的...原创 2019-04-16 19:21:53 · 331 阅读 · 0 评论 -
函数
函数函数概念函数定义(声明)函数调用函数表达式Function() 构造函数函数提升函数参数参数规则函数对象带返回值的函数函数的嵌套匿名函数函数概念函数是定义一次但却可以调用或执行任意多次的一段 JS 代码。函数有时会有参数，即函数被调用时指定了值的局部变量。 函数常常使用这些参数来计算一个返回值， 这个值也成为函数调用表达式的值。函数对任何语言来说都是一个核心的概念。 通过函数可以封装任意...原创 2019-04-15 19:50:54 · 283 阅读 · 0 评论 -
DOM事件
DOM事件原创 2019-04-16 20:01:02 · 300 阅读 · 0 评论 -
DOM查找元素
DOM查找元素根据ID查找节点对象:document.getElementById(id)根据标签名查找元素:document.getElementsByTagName(tagName)根据类名查找元素:document.getElementsByClassName(className)根据名称查找元素:document.getElementsByName(name)querySelector ...原创 2019-04-16 20:24:49 · 683 阅读 · 0 评论 -
w3c事件
W3c事件添加事件移除事件点击切换事件添加事件addEventListener(事件名,事件函数,false)移除事件removeEventListener(事件名，事件函数,false)注意：删除事件时，保证删除的事件处理函数与添加时保持一致实例：<body> <button id="btn1">按钮</button> <button...原创 2019-04-16 20:34:04 · 873 阅读 · 0 评论 -
正则
正则什么是正则表达式正则测试工具正则表达式的特点常见的正则元字符身份证空行换行邮箱邮编网址日期一年的12个月（01-09和1-12）一个月的31天（01-09和1-31）中文域名密码常用函数什么是正则表达式正则表达式是对字符串操作的一种逻辑公式，能够让计算机读懂的字符串匹配规则。正则测试工具http://www.bejson.com/othertools/regex_create/ht...原创 2019-09-25 16:20:10 · 782 阅读 · 0 评论