![](https://img-blog.csdnimg.cn/20190927151101105.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
文章平均质量分 55
JavaScript
一个优雅的搬砖人
猛兽总是独行,牛羊才成群结队。
展开
-
JS20:初始JQuery及使用
jQuery 简介jQuery 是一个快速、小巧且功能丰富的 JavaScript 库。它使 HTML 文档遍历和操作、事件处理、动画和 Ajax 等功能变得更加简单,它具有易于使用的 API ,可跨多种浏览器运行。凭借多功能性和可扩展性的结合,jQuery 改变了数百万人编写 JavaScript 的方式。jQuery 的理念:“wirte less, do more.”获取 jQueryjQuery 官网:jQueryjQuery 中文文档:jQuery API 中文文档 | j原创 2022-04-06 10:01:00 · 947 阅读 · 4 评论 -
JS19:操作表单(验证)
什么是表单表单的主要作用是接收用户的输入,当用户提交表单时,浏览器将用户在表单中输入的数据打包,并发送给服务器,从而实现用户与 web 服务器的交互。表单是控件的容器,一个表单由 form 元素、表单控件和表单按钮三部分组成:form 元素:用来创建表单,并通过 action、method 和 enctype 三个属性,来设置表单的提交路径、提交方式、编码类型。 表单控件:主要用来收集用户数据,包括 label、input、textarea、select、datalist、progress原创 2022-04-06 09:36:11 · 248 阅读 · 0 评论 -
JS18:操作DOM对象
DOM(Document Object Model)文档对象模型。核心浏览器网页就是一个 DOM 树形结构。更新:更新 DOM 节点 遍历 DOM 节点:得到 DOM 节点 删除:删除一个 DOM 节点 添加:添加一个 DOM 节点要操作一个 DOM 节点,就必须要先获得这个 DOM 节点。获取 DOM 节点对应 CSS 选择器,可以通过标签名,id,class 获取 DOM 节点。<body><div id="father">原创 2022-04-06 09:25:10 · 210 阅读 · 0 评论 -
JS17:操作BOM对象
JavaScript 的实现包括以下3个部分:核心(ECMAScript):描述了 JS 的语法和基本对象 文档对象模型(DOM):处理网页内容的方法和接口 浏览器对象模型(BOM):与浏览器交互的方法和接口BOM:Browser Object Model 浏览器对象模型window代表浏览器窗口。(重要)window.innerWidth; // 浏览器内部宽度window.innerHeight; // 浏览器内部高度window.outerWidth; // 浏览原创 2022-04-02 17:20:52 · 936 阅读 · 0 评论 -
JS16:面向对象编程
什么是面向对象?简单点说,就是我们不需要知道内部原理,就知道如何使用它的功能,就是面向对象。对象是一个整体,对外提供一些功能,而你不知道它内部是怎么操作的。面向对象特点1、抽象:指把核心的东西抽出来,把解决问题有关的东西拿出来摆在面前。比如把学生的核心信息名字和学号等信息抽出来,爱玩还是爱学习、开朗还是腼腆等不是核心的信息可以摒弃。2、封装:让使用对象的人不考虑内部实现,只考虑使用功能。把内部代码保护起来,只留些接口供用户使用。3、继承:为了代码的复用,从父类上继承一些属性和方法,子原创 2022-04-02 17:12:09 · 1145 阅读 · 0 评论 -
JS15:内部对象
Date日期对象基本使用var now = new Date(); // Mon Mar 28 2022 13:48:27 GMT+0800 (中国标准时间)// 年now.getFullYear(); // 2022// 月 0~11 代表月now.getMonth(); // 2 (其实现在是3月)// 日now.getDate(); // 28// 周几now.getDay(); // 1// 时now.getHours(); // 13// 分原创 2022-04-02 17:00:42 · 959 阅读 · 0 评论 -
JS14:方法的定义和调用、this指向改变
方法就是在对象里面的函数;对象只有两个东西:属性和方法。定义方法对象名 = { 方法名: function() { // 执行代码 }}// 或者是对象名.方法名 = function() { // 执行代码}调用方法对象名.方法名()如果方法名后面没有使用(),则将返回方法定义。对象名.方法名实例// 方法定义const Jack = { name: '杰克', birth: 1998,原创 2022-03-28 13:18:30 · 664 阅读 · 0 评论 -
JS13:函数的定义和参数获取
函数,放在对象里面叫做方法,但实际上是一样的。定义函数方式一:// 绝对值函数function abs(x) { if (x >= 0) { return x; } else { return -x; }}一旦执行到 return 代表函数结束,返回结果!如果没有执行 return ,函数执行完也会返回结果,结果就是 undefined。方式二:var abs = function(x) { if原创 2022-03-28 11:58:33 · 942 阅读 · 0 评论 -
JS12:Iterable迭代
遍历迭代var arr = [3, 4, 5];// 使用 for/in 遍历,x 是索引值for (let x in arr) { console.log(x); // 0 1 2}// 使用 for/of 遍历,x 是元素for (let x in arr) { console.log(x); // 3 4 5}遍历数组var arr = [3, 4, 5];for (let x of arr) { console.log(x); //原创 2022-03-28 11:46:52 · 169 阅读 · 0 评论 -
JS11:Map和Set集合
MapMap 对象存有键值对,其中的键可以是任何数据类型。Map 对象记得键的原始插入顺序。Map 对象具有表示映射大小的属性。基本的 Map 方法 Method Description new Map() 创建新的 Map 对象。 set() 为 Map 对象中的键设置值。 get() 获取 Map 对象中键的值。原创 2022-03-28 11:44:47 · 296 阅读 · 0 评论 -
JS10:条件和循环详解
条件语句条件语句用于基于不同条件执行不同的动作。在 JavaScript 中,可使用的条件语句:if、if-else、if-else if-else、switchif 语句请使用 if 语句来规定假如条件为 true 时被执行的 JavaScript 代码。if (条件) { 如果条件为 true 时执行的代码}else 语句请使用 else 语句来规定假如条件为 false 时的代码块。if (条件) { 条件为 true 时执行的代码块原创 2022-03-28 11:38:41 · 1532 阅读 · 0 评论 -
JS09:对象类型详解
1、对象语法JavaScript 中对象通过大括号({})表示,其属性通过键值对描述,多个属性之间使用逗号隔开,最后一个属性不加逗号!注意:JavaScript 中所有的键都是字符串,值是任意类型!var 对象名 = { 属性名: 属性值, 属性名: 属性值, 属性名: 属性值, 属性名: 属性值, …… 属性名: 属性值}// 定义一个 person 对象,它有四个属性var person = { name: 'Jack',原创 2022-03-28 11:18:26 · 958 阅读 · 0 评论 -
JS08:数组类型详解
Array 可以包含任意的数据类型var arr = [1, 2, 3, 4, 5, 6] // 通过下标取值和赋值1、长度arr.length注意:假如给 arr.length 赋值,数组大小就会发生变化;如果赋值过小,元素会丢失。2、indexOf通过元素获得下标索引。...原创 2022-03-28 11:03:36 · 437 阅读 · 0 评论 -
JS07:字符串类型详解
1、正常字符串使用单引号('')或者双引号("")包裹2、注意转义字符 \\' '\n 换行\r 回车\t tab键\u#### unicode编码,如\u4e2d "中"\x41 AcsII字符 "A"3、多行字符串编写使用``,在 tab 键上面var msg = ` helloworld你好`;4、模板字符串let name = "Jane";let msg = `你好原创 2022-03-25 17:49:49 · 681 阅读 · 0 评论 -
JS06:严格检查模式strict
前提:IDEA 需要设置支持 ES6 语法严格模式:在代码中添加 'use strict',必须写在 JavaScript 的第一行。可以预防 JavaScript 的随意性导致的一些问题。<script> // 严格检查模式,预防 JavaScript 的随意性导致产生的一些问题 // 必须写在 JavaScript 的第一行! 'use strict'; let i = 1;</script>...原创 2022-03-25 17:44:55 · 938 阅读 · 0 评论 -
JS05:数据类型快速浏览
数值 number123 // 整数123.12 // 浮点数1.123e3 // 科学技术法-123 // 负数NaN // not a numberInfinity // 表示无限大字符串'abc'"abc"布尔值true // 真false // 假逻辑运算&& // 两个都为真,结果为真|| // 有一个为真,结果为真! // !真即假,!假即真比较运算*= // 赋值符号原创 2022-03-25 17:41:37 · 1135 阅读 · 0 评论 -
JS04:var、let 和 const 有什么区别
ES6 附带的功能之一是添加了 let 和 const ,可用于变量声明。问题是,它们与 var 有什么不同?如果你仍然不清楚,那么读完本文你就知道了。本篇文章,我们将讨论 var 、let 和 const 的作用域、用途和变量提升。当你阅读时,请注意我将指出它们之间的差异。Var在 ES6 出现之前,必须使用 var 声明。但是前端开发出现的一些问题与使用 var 声明的变量有关。这就是为什么必须要有新的方法来声明变量。首先,让我们讨论这些问题之前更多地了解 var。var 的作用翻译 2022-03-14 18:23:02 · 252 阅读 · 0 评论 -
JS03:基本语法入门
1、定义变量变量类型 变量名 = 变量值;在 JavaScript 中,无论是什么类型的变量,都可以使用 var 声明,但是这是在 ES6 之前,ES6 添加了 let 和 const,可用于变量声明(const 是用于声明常量,let 是 var 的改进,所以变量声明建议使用 let)。JavaScript 严格区分大小写!var num = 1;var str = "字符串";var bool = true;2、条件控制这部分和 Java 一样。var scor原创 2022-03-14 17:46:33 · 1432 阅读 · 0 评论 -
JS02:引入JavaScript
HTML 引入 JavaScript1、内部标签index.html 文件,通过 <script> 标签引入 JavaScript 。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>内部标签</title> <script> alert('Hello world');原创 2022-03-14 17:36:16 · 2042 阅读 · 0 评论 -
JS01:聊聊JavaScript
JavaScript(行为):是一种弱类型脚本语言,是世界上最流行的脚本语言,其源代码无需经过编译,而是由浏览器解释运行,用于控制网页的行为。Native 原生 JS 开发原生 JS 开发,也就是让我们按照【ECMA Script】标准的开发方式,简称是 ES,特点是所有浏览器都支持。注:ECMA Script 是一种由 Ecma 国际(前身为欧洲计算机制造商协会,European Computer Manufactures Association)通过 ECMA-262 标...原创 2022-03-11 18:15:45 · 1618 阅读 · 0 评论