![](https://img-blog.csdnimg.cn/5d950cb2f2cc45e5953a1f08fef28c09.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript实战笔记+理论
文章平均质量分 50
以实战为主,通俗的将解JavaScript,总结经验,吸取教训
思诚代码块
这个作者很懒,什么都没留下…
展开
-
jQuery操作Dom元素,源码实例
大家好,今天分享一下jQuery操作Dom元素写源码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="lib/jquery-3.4.1.js"> </script></head><body><ul id="原创 2022-02-17 18:26:17 · 410 阅读 · 0 评论 -
jQuery选择器
大家好,今天我们来分享一下jQuery选择器关于jQuery选择器的话,在css中,怎样理解,在jQuery中,就怎么理解选择器允许对元素组或单个元素进行操作。另外记住一点,就是css当中的选择器,在jQuery当中都可以使用jQuery 元素选择器和属性选择器允许通过标签名、属性名或内容对 HTML 元素进行选择。源码实例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"原创 2022-02-17 15:55:31 · 227 阅读 · 0 评论 -
jQuery的基本认识以及导入方法,很简单
大家好,今天我们来分享,jQuery的基本认识jQuery 是一个 JavaScript 库,它的里面存在大量的JavaScript函数jQuery 极大地简化了 JavaScript 编程jQuery 的获取:https://jquery.com/ //这是它的官网其实官网下载,也可以在csdn 直接搜索我这里使用的是:jquery 3.4.1 这个版本,看这个截图,jquery-3.4.1.js 是未压缩的(273k) 用于生产jque原创 2022-02-17 14:19:29 · 3362 阅读 · 0 评论 -
JavaScript 表单操作以及验证
大家好,我们今天分享一下JavaScript 操作验证表单首先我们要知道用JavaScript操作表单和操作DOM是类似的,因为表单本身也是DOM树。HTML表单的输入控件(标签)主要有以下几种:文本框,对应的<input type="text">,用于输入文本;口令框,对应的<input type="password">,用于输入口令;单选框,对应的<input type="radio">,用于选择一项;复选框,对应的<input type="原创 2022-02-16 15:26:37 · 612 阅读 · 0 评论 -
JavaScript 插入Dom节点
大家好,今天我们来分享JavaScript 插入Dom节点首先我们要知道, 不管我们对Dom节点进行什么样的操作,都必须先获取这个节点,假如说,这个dom节点是空的,我们可以通过innerHTML就可以增加一个元素,假如这个dom节点不存在,那这样做就不行了,否则会造成覆盖(就是会将原先的数据改掉)写源码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2022-02-15 21:46:39 · 4323 阅读 · 0 评论 -
JavaScript 删除Dom节点
大家好,今天我们来分享一下JavaScript 删除Dom节点在JavaScript当中,删除节点的步骤:先获取到父节点,再通过父节点来删除自己(子节点)这里,提醒一下,自己不可以删除自己看源码:```bash<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head>原创 2022-02-15 19:04:11 · 6841 阅读 · 0 评论 -
JavaScript 更新Dom节点
大家好,今天我们来分享一下JavaScript 更新Dom节点看源码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="id1"></div><script> var id1 =d原创 2022-02-15 16:39:55 · 2233 阅读 · 0 评论 -
JavaScript 获取DOM 节点
大家好,今天给大家分享一下JavaScript 获取DOM节点DOM(Document Object Model 文档对象模型)定义了访问和操作文档的标准方法。整个浏览器网页就是一个Dom树形结构这里边有4个主要的点:1.更新; 更新Dom节点2.遍历dom节点: 得到Dom节点删除;删除一个Dom节点添加: 添加一个新的节点要操作一个Dom 节点,就必须先获得这个Dom节点看源码:<!DOCTYPE html><html lang="e原创 2022-02-15 09:04:03 · 1257 阅读 · 0 评论 -
操作BOM对象(重点)
大家好,今天我们来分享一下操作BOM对象BOM:浏览器对象模型JavaScript和浏览器的的诞生是为了它可以在浏览器上运行浏览器:IEChromeSafariFireFox第三方浏览器qq 浏览器360浏览器window对象window代表浏览器窗口window.alert(1)undefinedwindow.innerHeight1440window.innerWidth669window.outerHeight360window.outerHeight原创 2022-02-14 19:49:33 · 302 阅读 · 0 评论 -
JavaScript 面向对象class继承
大家好,今天来分享一下JavaScript 面向对象class继承这是我们之前关于JavaScript原型继承的示例代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> var student= { name:"shuaige",原创 2022-02-14 16:46:47 · 647 阅读 · 0 评论 -
JavaScript面向对象和原型继承
大家好,今天我们来分享一下JavaScript面向对象和原型继承首先,第一个概念就是面向对象面向对象编程的本质就是:以类的方式组织代码,以 对象的形式(封装)数据。再说的白一点,就是首先要对解决的问题进行分类,进而对这些分类进行单独的思考。最后,才对 某个分类下的细节进行面向过程的思索而在JavaScript当中,所有数据都可以看成对象还有两个概念:一个是类,一个是实例类:类是对象的类型模板,定义Student类来表示学生,类本身是一种类型,Student表示学生类型,但不表示任何具原创 2022-02-13 22:44:18 · 394 阅读 · 0 评论 -
JavaScript json对象
大家好,今天我们来分享一下JavaScript json 对象JSON,全称是 JavaScript Object Notation,即 JavaScript对象标记法,是一种轻量级的数据交换格式在早期,所有的数据传输习惯使用XML文件 简洁和清晰的层次结构使得json成为理想的数据交换语言易于人的阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输的效果在JavaScript当中,一切皆对象,任何JavaScript支持的类型可以用json 表示格式:对象都用 {}数原创 2022-02-13 17:04:27 · 1515 阅读 · 0 评论 -
JavaScript Date日期对象
大家好,今天我们分享JavaScript Date日期对象在JavaScript中,Date对象用来表示日期和时间。在这之前,我们先讲一下标准对象打开浏览器typeof 123'number'typeof '123''string'typeof true'boolean'typeof NaN'number'typeof []'object'typeof {}'object'typeof Math.abs'function'typeof undefined'undef原创 2022-02-12 19:16:40 · 974 阅读 · 0 评论 -
JavaScript 方法的定义和调用,一看就会
大家好,今天我们来分享一下JavaScript方法的定义和调用在一个对象中绑定函数,称为这个对象的方法。就是我们把函数放到对象当中在JavaScript当中,对象的定义:源码示例:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>测试实例</title> <script> var shuaige = {原创 2022-02-12 16:53:33 · 1083 阅读 · 0 评论 -
JavaScript变量作用域,let与const(源码示例)
大家好,今天我们分享JavaScript变量作用域在JavaScript当中,var 定义的变量实际上是有作用域的假如在函数体中声明,那么在函数体外就无法使用举个例子:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>测试实例</title> <script> function wo() { var原创 2022-02-12 12:39:51 · 507 阅读 · 0 评论 -
JavaScript函数的定义和参数的获取
大家好,今天我们来分享一下JavaScript的函数以及参数的获取函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>测试实例</title> <script> function abs(x) { //绝对值函数 if (x原创 2022-02-11 16:59:41 · 1896 阅读 · 0 评论 -
JavaScript Iterable迭代
大家好,今天分享一下JavaScript Iterable迭代使用Iterable来遍历迭代map和set看源码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> 'use strict'; var arr =[3,4,5]原创 2022-02-10 17:49:01 · 368 阅读 · 0 评论 -
JavaScript set和map的使用
大家好,今天分享一下JavaScript set和map的使用首先,我们要知道,Set是ES6提供的一种类似于数组的数据结构。它的成员的值都是唯一的,不会有重复(这是它和数组的区别)map<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script>原创 2022-02-10 16:46:04 · 643 阅读 · 0 评论 -
JavaScript分支和循环,看了就会
大家好,今天我们来分享一下JavaScript分支和循环如果你看过我Java方面的博客或者你有一些编程基础,就应该对此陌生我们的今天的话题就是JavaScript的流程控制这是一个if …else 的简单判断写源码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <scr原创 2022-02-10 14:55:00 · 423 阅读 · 0 评论 -
JavaScript对象类型的详解
大家好,今天我们分享一下JavaScript的对象类型JavaScript对象是由很多的键值对组成的所谓的键值对,就是一个键对应着一个值,是一 一对应的JavaScript对象的格式: var 对象名 = { 属性: 属性值, 属性: 属性值, 属性: 属性值 }注意点: 1.逗号以及冒号都是英文状态下的2. 最后一个属性值的后面不用加分号举实例:我们定义了一个person对象,它有4个属性var person =原创 2022-02-10 11:35:46 · 1467 阅读 · 0 评论 -
JavaScript数组类型详解
大家好,今天我们来分享一下JavaScript数组类型Array可以包含任何的数据类型打开浏览器:创建数组:var arr =[1,2,3,4,5,6,7,8,9]undefined截图:打印数组元素:console.log(arr)VM2388:1 (9) [1, 2, 3, 4, 5, 6, 7, 8, 9]0: 11: 22: 33: 44: 55: 66: 77: 88: 9length: 9[[Prototype]]: Array(0)undefined截图:显示数原创 2022-02-10 00:39:10 · 1132 阅读 · 0 评论 -
JavaScript字符串详解
大家好,今天分享JavaScript字符串写源吗:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> console.log('a') console.log('b') </script></head>原创 2022-02-09 19:54:54 · 749 阅读 · 2 评论 -
JavaScript严格检查模式strict的使用
大家好,今天我们来分享一下JavaScript严格检查模式strict的使用写源吗:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> i=5; //默认是全局变量 </script></原创 2022-02-09 16:28:50 · 565 阅读 · 0 评论 -
JavaScript数据类型,一讲就会
大家好,今天给分享一下JavaScript的数据类型提到数据类型,不用觉得头疼,简单可以理解为数据的表现形式比如说,数组,文本,视频,图像…等等,都是数据的一种表现形式讲number,意为数字在JavaScript当中,不区分整数和小数,统一使用number来表现我们直接使用浏览器的控制台来作展示JavaScript的数据类型打开浏览器,点击键盘上的F12 点console,就可以了123321 //这是整数123.12 //这是浮点数(小数)1.23e3原创 2022-02-08 20:58:48 · 340 阅读 · 0 评论 -
JavaScript基本语法与浏览器控制台使用
大家好,今天我们来分享一下关于JavaScript基本语法与浏览器控制台使用在java当中 1.定义变量 变量类型 变量名 =变量名;在JavaScript当中,可以这样写在JavaScript中,记住var就可以了。 var num =1; alert(num)显示结果:条件判断://2.条件控制 if (2>1){ //如果2>1 alert("true") //输出true }看效果:如原创 2022-02-08 18:36:56 · 1502 阅读 · 0 评论 -
JavaScript的基本使用以及输出hello world,很简单
大家好,今天来给大家分享一下JavaScript的基本使用以及输出hello world我们使用的工具:IDEA接下来看源码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> alert("hellp,world"); </sc原创 2022-02-08 12:50:35 · 5559 阅读 · 0 评论 -
聊聊JavaScript是什么,我来告诉你
大家好,今天给大家1分享一下JavaScriptJavaScript 是一种轻量级的编程语言是可插入 HTML 页面的编程代码插入 HTML 页面后,可由所有的现代浏览器执行我们都知道,网页的三要素,即:HTML+css+JavaScript( 结构内容+表现+交互)主要是用于处理网页中的前端验证。所谓的前端验证,就是指检查用户输入的内容是否符合一定的规则以及网页上的一些交互关于JavaScript 的注意点:1.JavaScript是区分大小写的2. JavaScript与java两者原创 2022-02-08 11:23:30 · 469 阅读 · 0 评论