![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
anh_qwh
爱生活,爱睡觉
展开
-
JavaScript-6.0-数组和对象
JavaScript-6.0-数组和对象数组和对象数组和对象JavaScript 中的所有事物都是对象对象是带有属性和方法的特殊数据类型属性是与对象相关的值方法是能够在对象上执行的动作数组也是对象,它是一种集合型对象数组对象的作用是使用单独的变量来存储一系列的值...原创 2019-12-13 12:52:50 · 207 阅读 · 0 评论 -
JavaScript-5.4-JavaScript 事件-案例
JavaScript-5.4-JavaScript 事件-案例案例一:对表格进行修改删除操作案例一:对表格进行修改删除操作<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>对表格进行修改删除操作</title> <sty...原创 2019-11-27 19:56:39 · 319 阅读 · 0 评论 -
JavaScript-5.3-JavaScript 事件-JavaScript 的事件流模型
JavaScript-5.3-JavaScript 事件-JavaScript 的事件流模型JavaScript 的事件流模型一:事件冒泡1、事件冒泡的概念2、触发事件冒泡的情况3、事件冒泡举例二:事件捕获1、事件捕获的概念2、触发事件捕获的情况3、事件捕获举例三:事件委派四:组织事件冒泡五:组织默认事件JavaScript 的事件流模型事件流,就是当一个节点触发事件时,事件会从当前节点流向...原创 2019-11-26 21:19:34 · 287 阅读 · 2 评论 -
JavaScript-5.2-JavaScript 事件-JavaScript 的事件模型
JavaScript-5.2-JavaScript 事件-JavaScript 的事件模型JavaScript 的事件模型一:DOM0 事件模型二:DOM2 事件模型三JavaScript 的事件模型一:DOM0 事件模型二:DOM2 事件模型三...原创 2019-11-21 17:11:09 · 217 阅读 · 0 评论 -
JavaScript-5.1-JavaScript 事件-JavaScript 事件
JavaScript-5.1-JavaScript 事件-JavaScript 事件JavaScript 事件一:鼠标事件二:键盘事件1、键盘事件注意事项(1)三个事件的执行顺序(2)长按时触发的事件(3)onkeydown/onkeyup 和 onkeypress 的区别(4)通常将键盘事件声明在 document 上2、判断键盘按键(1)取到事件因子(2) 取到 ASCII 码值三:HTML ...原创 2019-11-21 13:21:28 · 249 阅读 · 0 评论 -
JavaScript-4.4-BOM 与 DOM-HTML DOM
JavaScript-4.4-BOM 与 DOM-HTML DOMHTML DOM一:HTML DOM 操作表格对象二:HTML DOM 操作行对象三:HTML DOM 操作单元格对象HTML DOM一:HTML DOM 操作表格对象二:HTML DOM 操作行对象三:HTML DOM 操作单元格对象...原创 2019-11-20 12:45:18 · 226 阅读 · 0 评论 -
JavaScript-4.5-BOM 与 DOM-案例
JavaScript-4.5-BOM 与 DOM-案例案例一:简单的留言板案例一:简单的留言板输入昵称和评论内容,单击“提交内容”按钮,可以将最新的评论插入到已有评论的下方昵称和评论内容为空时,不能提交提交后获取当前时间<!DOCTYPE html><html> <head> <meta charset="utf-8"> ...原创 2019-11-13 15:46:35 · 420 阅读 · 0 评论 -
JavaScript-4.3-BOM 与 DOM-Core DOM
JavaScript-4.3-BOM 与 DOM-Core DOMCore DOM一:DOM 树结构分析二:操作元素节点三:操作文本节点四:操作属性节点五:JavaScript 修改元素样式六:获取层次节点七:创建新节点八:删除/替换节点Core DOM文档对象模型(DOM)是万维网联盟(W3C)的标准DOM 定义了访问 HTML和 XML 文档的标准W3C DOM 是中立于平台和语言接...原创 2019-11-10 12:12:21 · 434 阅读 · 0 评论 -
JavaScript-4.2-BOM 与 DOM-浏览器对象模型的其他对象
JavaScript-4.2-BOM 与 DOM-浏览器对象模型的其他对象浏览器对象模型的其他对象一:screen:屏幕对象二:location:地址栏对象1、location 常用属性2、location 常用方法三:history:历史记录对象四:navigator:浏览器配置对象浏览器对象模型的其他对象一:screen:屏幕对象screen 对象包含有关客户端显示屏幕的信息四个常用...原创 2019-10-25 14:29:05 · 211 阅读 · 0 评论 -
JavaScript-4.1-BOM 与 DOM-window 对象
JavaScript-4.1-BOM 与 DOM-window 对象window 对象一:window 对象属性二:window 对象的常用方法1、window 弹窗的输入输出2、open() 与 close()(1) open()(2) close()3、setTimeout() 与 clearTimeout()4、setInterval() 与 clearInterval()window 对...原创 2019-10-24 20:36:20 · 379 阅读 · 0 评论 -
JavaScript-3.5-JavaScript 函数-案例
JavaScript-3.5-JavaScript 函数-案例案例一:使用函数实现计算机功能二:递归案例一:使用函数实现计算机功能使用 prompt 输入两个数和运算符号,计算两个数的操作结果使用 switch 判断运算符号,调用函数计算两数结果<!DOCTYPE html><html lang="en"><head> <meta ch...原创 2019-10-24 12:56:33 · 887 阅读 · 0 评论 -
JavaScript-3.4-JavaScript 函数-代码的执行顺序
JavaScript-3.4-JavaScript 函数-代码的执行顺序代码的执行顺序一:检查装载阶段二:代码执行阶段代码的执行顺序普通函数的声明语句与函数的调用语句没有先后顺序之分匿名函数表达式的调用语句必须在函数声明语句之后,否则报错JavaScript 代码执行的两个阶段1.检查装载阶段:主要的工作是函数的声明、变量的声明等2.代码执行阶段:主要的工作是函数的调用、变量的赋...原创 2019-10-24 09:01:02 · 193 阅读 · 0 评论 -
JavaScript-3.3-JavaScript 函数-函数中的内置对象
JavaScript-3.3-JavaScript 函数-函数中的内置对象函数中的内置对象一:arguments 对象1、arguments 对象用于存储函数的实参列表2、使用 arguments.callee 表示当前函数的引用二:this 关键字函数中的内置对象一:arguments 对象arguments 是一个伪数组对象1、arguments 对象用于存储函数的实参列表ar...原创 2019-10-18 21:16:23 · 211 阅读 · 0 评论 -
JavaScript-3.2-JavaScript 函数-匿名函数的声明与调用
JavaScript-3.2-JavaScript 函数-匿名函数的声明与调用匿名函数的声明与调用一:事件调用匿名函数二:匿名函数表达式三:自执行函数匿名函数的声明与调用匿名函数就是指没有函数名的函数一:事件调用匿名函数配合事件使用表示当触发哪一个事件时,执行哪一个匿名函数<!DOCTYPE html><html lang="en"><h...原创 2019-10-18 19:51:15 · 334 阅读 · 0 评论 -
JavaScript-3.1-JavaScript 函数-函数的声明与调用
JavaScript-3.0-JavaScript 函数-函数的声明与调用函数的声明与调用一:函数的声明1、有参函数2、无参函数二:函数的调用三:函数的作用域四:函数声明和调用的注意事项五:函数声明与函数调用没有先后之分函数的声明与调用函数的主要作用是将程序中需要重复使用的代码进行封装,从而可以使代码重复使用函数的使用声明调用一:函数的声明在 JavaScript 中,函...原创 2019-10-18 15:58:07 · 685 阅读 · 0 评论 -
JavaScript-3.0-JavaScript 函数
JavaScript-3.0-JavaScript 函数函数是指由事件驱动的或者当它被调用时执行的可重复使用的代码块将一个函数赋给一个变量或数组元素还可以将其嵌套在另一个函数中使用函数可以提高代码的可重用性和可维护性JavaScript 函数1.掌握函数的声明与调用2.了解函数的作用域3.掌握匿名函数的声明与调用4.了解函数中的内置对象5.掌握 JavaScript...原创 2019-10-17 20:33:33 · 271 阅读 · 0 评论 -
JavaScript-2.4-JavaScript 流程控制语句-案例
JavaScript-2.4-JavaScript 流程控制语句-案例案例一:打印输出一个菱形四:打印输出九九乘法表案例一:打印输出一个菱形<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>章节案例:打印输出一个菱形.html</title>...原创 2019-10-17 17:04:45 · 340 阅读 · 0 评论 -
JavaScript-2.3-JavaScript 流程控制语句-流程控制语句
JavaScript-2.3-JavaScript 流程控制语句-流程控制语句流程控制语句一:break 语句二:continue 语句三:return 语句流程控制语句breakcontinuereturn一:break 语句跳过本层循环,继续执行循环后面的语句<!DOCTYPE html><html lang="en"><head>...原创 2019-10-17 11:02:12 · 296 阅读 · 0 评论 -
JavaScript-2.2-JavaScript 流程控制语句-循环结构
JavaScript-2.2-JavaScript 流程控制语句-循环结构循环结构一:循环的基本思路1、声明循环变量2、判断循环条件3、执行循环体操作4、更新循环变量5、重复执行第 2~4 步二:while 循环结构三:do-while 循环结构四:for 循环结构1、for 循环的基本语法2、for 循环中同时使用多个循环变量3、for-in 循环五:循环嵌套循环结构一:循环的基本思路循...原创 2019-10-16 21:19:11 · 274 阅读 · 0 评论 -
JavaScript-2.1-JavaScript 流程控制语句-分支结构
JavaScript-2.1-JavaScript 流程控制语句-分支结构分支结构一:简单 if 结构二:if-else 结构三:多重 if 结构四:嵌套 if 结构五:switch-case 结构1、switch-case 的基本语法2、switch-case 的注意事项3、多重 if 结构 与 switch-case 结构的比较分支结构顺序结构是程序设计的借本结构按照语句出现的顺序从...原创 2019-10-15 21:05:44 · 266 阅读 · 0 评论 -
JavaScript-2.0-JavaScript 流程控制语句
JavaScript-2.0-JavaScript 流程控制语句JavaScript 流程控制语句JavaScript 流程控制语句流程控制语句,就是当代码执行到指定位置后,通过判断条件是否成立决定代码如何继续往下执行JavaScript 流程控制语句1.JavaScript 的分支结构和循环结构2.JavaScript 的流程控制语句3.JavaScript 数据类型的真假表...原创 2019-10-12 17:01:39 · 274 阅读 · 0 评论 -
JavaScript-1.6-JavaScript 案例
JavaScript-1.6-JavaScript 案例JavaScript 案例一:判断一个数是否为水仙花数二:闰年JavaScript 案例一:判断一个数是否为水仙花数水仙花数是指一个 n 位数(n>=3),它的每个位上的数字的 n 次幂之和等于本身<!DOCTYPE html><html lang="en"><head> <m...原创 2019-10-12 11:20:43 · 257 阅读 · 0 评论 -
JavaScript-1.5-JavaScript 的运算符
JavaScript-1.5-JavaScript 的运算符JavaScript 的运算符一:算数运算符1、运算符 +2、自增(自减)运算符3、n++ 与 ++n 的异同二:赋值运算符1、基本赋值运算符2、复合赋值运算符三:关系运算与逻辑运算1、关系运算符2、逻辑运算符四:条件运算(多目运算)1、条件运算符的形成2、关键符号 ?和 :3、多层嵌套五:逗号运算符六:运算符的优先级JavaScrip...原创 2019-10-11 20:45:57 · 223 阅读 · 0 评论 -
JavaScript-1.4-JavaScript 中的输入输出
JavaScript-1.4-JavaScript 中的输入输出JavaScript 中的输入输出一:document.write:文档中打印输出1、基本语法2、拼接字符串二:alert:浏览器弹窗输出三:prompt:浏览器弹窗输入四:confirm:浏览器弹窗确认五:console.log:浏览器控制台输出六:JavaScript 中的注释1、单行注释2、多行注释3、文档注释JavaScri...原创 2019-10-11 12:08:39 · 390 阅读 · 0 评论 -
JavaScript-1.3-JavaScript 中的变量函数
JavaScript-1.3-JavaScript 中的变量函数JavaScript 中的变量函数一:Number:将变量转为数值1、字符串类型转数值2、布尔 Boolean 类型转数值3、Null 与 Undefined 转数值4、Object 类型转数值二:isNaN:检测变量是否为 NaN1、纯数字字符串,检测结果为 false2、空字符串,检测结果为 false3、包含其他字符,检测结果为...原创 2019-10-10 21:56:44 · 213 阅读 · 0 评论 -
JavaScript-1.2-JavaScript 的变量
JavaScript-1.2-JavaScript 的变量JavaScript 的变量一:变量的声明1、使用 var 声明的变量2、不使用 var,直接赋值声明变量3、同一声明语句同时声明多个变量二:声明变量的注意事项与命名规范1、声明变量的注意事项2、变量的命名规范三:变量的数据类型1、Undefined:未定义2、NULL:空引用3、Boolean:布尔类型4、Number:数值类型5、Str...原创 2019-10-10 16:00:38 · 392 阅读 · 0 评论 -
JavaScript-1.1-JavaScript简介
JavaScript-1.1-JavaScript 简介JavaScript 简介一:JavaScript 概念二:页面中使用JavaScript 的三种方式1、HTML 标签中内嵌 JavaScript2、HTML 页面中直接使用 JavaScript3、引用外部 JavaScript 文件JavaScript 简介JavaScript 是一种直译式脚本语言(代码不进行预编译)是一种动...原创 2019-10-10 12:55:58 · 265 阅读 · 0 评论