![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
JavaScript基础
careyliang
仰望星空,脚踏实地!
展开
-
JS第十六章-动画2
JS第十六章-动画2淡出 fadeout(speed) 淡入 fadeIn(speed)切换淡入/淡出状态滑上(隐藏)slideUp 滑下(显示)slideDown()切换滑上/滑下状态相对于hide()和show(),切换效果更好JSON JavaScript Object Notation(JavaScript 对象表示法) JSON 是存储和交换文本信息的语法,类似 XML,...原创 2021-03-15 09:27:02 · 33 阅读 · 0 评论 -
JS第十五章-动画1
JS第十五章-动画1jQuery动画 给页面添加更加生动的视觉效果,增加用户体验度隐藏 hide(speed) 显示 show(speed)speed: 动作速度 单位毫秒切换隐藏或显示状态 toggle(speed)层次显示例子html:JS:...原创 2021-03-15 09:26:18 · 44 阅读 · 0 评论 -
JS第十四章-事件
JS第十四章-事件mouse鼠标事件 onclick 单击事件 ondblclick 双击事件 onmouseover 鼠标滑过事件 onmouseout 鼠标离开事件window的事件类型 1. onload 全局加载事件 2. onresiz...原创 2021-03-15 09:25:34 · 47 阅读 · 0 评论 -
JS第十三章-jQuery事件流
JS第十三章-jQuery事件流jQuery事件处理 .on(事件,方法) 默认是冒泡 可以绑定多个事件事件对象 事件本身的属性event.type 获取事件的类型event.target 获取触发该事件的节点对象事件类型例子: 入参event事件,解析不同的事件类型,做不同的动作...原创 2021-03-15 09:24:40 · 118 阅读 · 0 评论 -
JS第十二章-事件流
JS第十二章-事件流JS事件绑定 只能绑定一个事件JS事件监听 .addEventListener() 可以监听多个事件click: 事件function(): 方法事件捕获事件从最不精确的对象(document 对象)开始触发,然后到最精确(也可以在窗口级别捕获事件,不过必须由开发人员特别指定)document > html > body > div 事件冒泡 事件按照从最特定的事件目标到最不特定...原创 2021-03-15 09:23:42 · 168 阅读 · 0 评论 -
JS第十一章-jQuery2
JS第十一章-jQuery2jQuery 的DOM操作 在JavaScript的基础之上,使用jQuery对节点做的DOM操作原生JS添加节点jQuery添加节点 .append() 在标签内部的末尾添加节点jQuery添加节点 .prepend() 在标签内部的头部添加节点添加节点 .after() 在标签外部的末尾添加节点添加节点 .before() 在标签外部的头部添加节点删除节点 .rem...原创 2021-03-15 09:22:50 · 126 阅读 · 0 评论 -
JS第十章-jQuery1
JS第十章初始jQuery jQuery是目前最流行的JavaScript插件库,是JavaScript的封装,升级产品。设计宗旨是“Write Less,Do More”,即 写的少,做的多。 提供一种简便的JavaScript设计模式,优化HTML文档操作,事件处理,动画设计和Ajax交互。 jQuery选择器都是以美元符号开头 $()..getElementById() 原生标签对象获取jQuery 原生方法的升级...原创 2021-03-12 11:31:23 · 185 阅读 · 1 评论 -
JS第九章-DOM
JS第九章-DOMDOM(Document Object Model) 文本对象模型 DOM是针对HTML,XML文档的一个API,提供了大量可用于操作文本内容的对象和方法。 定义了JS操作HTML文档的接口,提供了访问HTML文档(如body,form,div,textarea)的途径和操作方法。DOM节点 在HTML的文本结构中,是层叠嵌套的,最外层是<html>节点,对应对象是document,其内部有<head>头...原创 2021-03-12 11:30:45 · 98 阅读 · 1 评论 -
JS第八章-BOM
JS第八章-BOMBOM(Browser Object Model) 浏览器对象模型 BOM是JS的核心组件,浏览器是JS代码执行的运行载体,提供了大量可用于操作浏览器窗口以及网页内容的对象和方法。 其中window对象又是BOM中所有对象的核心,起始于window. 对象的API方法,可以对浏览器的窗口做各种操作和控制。window.open(URL,窗口名称,窗口特征) URL: 新窗口的地址 窗口名称:新窗口的名字...原创 2021-03-12 11:30:09 · 160 阅读 · 0 评论 -
JS第七章-数组
JS第七章-数组数组 声明一个变量,使用固定数值下标来存储一系列数值。 一个存储单位或存储元素,对应下标数组创建1 推荐 数组创建2 数组创建3 推荐 数组遍历 indexof(X) 搜索指定素X,在数组中的下标 若未找到则返回 -1join(X) 将...原创 2021-03-12 11:29:16 · 49 阅读 · 0 评论 -
JS第六章-字符串
JS第六章-字符串str.charAt(n) 返回字符串中第n位的字符,其中开始下标是0 str.length 返回字符串的长度,用for循环,循环输出每一个字符str1.concat(str2) 字符串拼接其中console.log()是输出到控制台str1.indexOf(x) 返回指定字符x,在字符串str1中的第一个位置开始下标是0;区分大小写如果为找到,则返回 -1...原创 2021-03-12 11:28:29 · 104 阅读 · 0 评论 -
JS第五章-对象
JS第五章-对象对象的创建1 var a = 5 “aaa”; 对象的创建2 依靠内置对象Object来初始化对象对象的创建3 1. 创建一个对象模板(类) 2. 根据模板构造一个对象访问对象的属性或方法 对象.属性值 对象.方法()遍历对象 x: 表示属性名...原创 2021-03-12 11:27:53 · 85 阅读 · 0 评论 -
JS第四章-函数
JS第四章-函数JS的函数 function 相当于java中的一个普通方法,其中方法名是method,参数是a1,a2,a3 1. 现在定义方法2. 方法调用 方法名(参数);3. 返回值 return分离方法到JS外部文件HTML调用外部JS的方法书写学生成绩判断的方法,并调用用分离的方法,实现学生成绩判断...原创 2021-03-12 11:27:16 · 70 阅读 · 0 评论 -
JS第三章-逻辑判断
JS第三章表达式(expression) 相当于JS语言中的一个短语,包括变量、字面量和运算符;即一行语句JS一元运算+ - * / %逻辑与 &&逻辑或 ||三元表达式 var result = 条件表达式 ? 表达式1 : 表达式2 当条件表达式为 true, 运行表达式1的结果; 当条件表达式为 false, 运行表达式2的结果;...原创 2021-03-12 11:26:36 · 350 阅读 · 0 评论 -
JS第二章-数据类型
JS第二章var变量声明 通用类型。它可以声明数字、和字符串 var a = 123; var str = “String”;const常量 一旦声明,不可更改,因此需要在声明时就赋值 const con = 3.1415926;undefined 未定义 当声明了一个变量,但没有赋值时,输出该变量的结果就是undefined 报错信息,需要解决Str...原创 2021-03-12 11:25:51 · 51 阅读 · 0 评论 -
JS第一章-初始
JS第一章初始JavaScript JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。 1. 主要用来向HTML页面中添加交互行为 2. 是一种脚本语言,语法和C语言类型,属于弱类型语言 3. 一般用来编写客户端的脚...原创 2021-03-12 11:23:55 · 213 阅读 · 0 评论