JavaScript
关注
分享
扫一扫
王2gou蛋
我很懒，没有添加简介
展开
-
JavaScript-jQuery操作Dom元素
参考文档： https://jquery.cuishifeng.cn/<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="lib/jquery-3.6.0.js"></script></head><body><u原创 2021-08-29 15:49:22 · 111 阅读 · 0 评论 -
JavaScript-jQuery事件
参考文档： https://jquery.cuishifeng.cn/https://www.bilibili.com/video/BV1JJ41177di?p=28原创 2021-08-26 16:01:20 · 102 阅读 · 0 评论 -
JavaScript-jQuery选择器
参考文档： https://jquery.cuishifeng.cn/<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="lib/jquery-3.6.0.js"></script></head><body><s原创 2021-08-26 15:59:31 · 82 阅读 · 0 评论 -
JavaScript-初识jQuery及公式
jQuery官网： https://jquery.com/参考文档： https://jquery.cuishifeng.cn/jQuery库，里面封装大量JavaScript函数，相当于JavaScript的工具类获取jQuery方式一，通过cdn引入https://www.bootcdn.cn/jquery/https://cdn.baomitu.com/jqueryhttps://www.jq22.com/cdn/<!DOCTYPE html><html lan原创 2021-08-26 15:40:07 · 139 阅读 · 0 评论 -
JavaScript-表单提交验证及前端密码MD5加密
https://www.bilibili.com/video/BV1JJ41177di?p=25原创 2021-08-22 17:01:10 · 317 阅读 · 0 评论 -
JavaScript-获得和设置表单的值
https://www.bilibili.com/video/BV1JJ41177di?p=24原创 2021-08-19 17:27:07 · 201 阅读 · 0 评论 -
JavaScript-操作DOM对象-创建和插入dom节点
插入节点https://www.bilibili.com/video/BV1JJ41177di?p=23原创 2021-08-15 20:01:11 · 958 阅读 · 0 评论 -
JavaScript-操作DOM对象-删除dom节点
删除节点删除节点的步骤: 先获取父节点，再通过父节点删除自己<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="father"> <h1>标题1</h1> <h1>.原创 2021-08-15 19:40:15 · 409 阅读 · 0 评论 -
JavaScript-操作DOM对象-更新dom节点
更新dom节点https://www.bilibili.com/video/BV1JJ41177di?p=21原创 2021-08-11 14:29:34 · 314 阅读 · 0 评论 -
JavaScript-操作DOM对象-获得dom节点
核心浏览器网页就是一个Dom树形结构！更新： 更新Dom节点遍历dom节点：得到Dom节点删除： 删除一个Dom节点添加： 添加一个新的节点要操作一个Dom节点，就必须要先获得这个Dom节点获得dom节点<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head>.原创 2021-08-11 14:27:17 · 94 阅读 · 0 评论 -
JavaScript-操作BOM对象
BOM（Browser Object Model）: 浏览器对象模型浏览器介绍JavaScript 和 浏览器关系？JavaScript 诞生就是为了能够让他在浏览器中运行！内核：IE 6~11ChromeSafariFireFox第三方浏览器（可以换上面的内核）：QQ 浏览器360浏览器window (重要)window 代表 浏览器窗口window.alert(2)undefinedwindow.innerHeight184window.innerWi原创 2021-08-11 13:57:08 · 88 阅读 · 0 评论 -
JavaScript-面向对象 class 继承
class继承class 关键字是在ES6引入的ES6之前的写法：function Student(name) { this.name = name}// 给Student新增一个方法Student.prototype.hello = function () { alert('Hello')}ES6的写法：// 定义一个 学生的 类class Student1{ constructor(name) { this.name = name }原创 2021-08-10 17:31:19 · 92 阅读 · 0 评论 -
JavaScript-面向对象原型继承
let user = { name: "wang", age: 3, run: function () { console.log(this.name + " run ......"); }};let bob = { name: "bob"};// bob 的 原型是 userbob.__proto__ = userbob.run() // bob run ......console.log(bob.age) // 3con原创 2021-08-10 16:56:01 · 76 阅读 · 0 评论 -
JavaScript-Date日期对象
https://www.bilibili.com/video/BV1JJ41177di?p=15原创 2021-07-20 18:59:13 · 94 阅读 · 0 评论 -
JavaScript-方法
方法的定义方法就是把函数放在对象里面var wang = { name: '网络', birth: 2020, // 方法 age: function () { // 今年 - 出生的年 var now_year = new Date().getFullYear(); return now_year-this.birth }}https://www.bilibili.com/video/BV1JJ41177d原创 2021-07-20 18:56:10 · 79 阅读 · 0 评论 -
JavaScript-变量的作用域 、const、let
作用域局部函数在javascript中，var定义变量实际是有作用域的。假设在函数体中声明，则在函数体外不可以使用~（如果非要使用的话，可以用闭包）function qj() { var x = 1; x = x + 1;}x = x + 2; // Uncaught ReferenceError: x is not defined如果两个函数使用了相同的变量名，只要在函数内部，就不冲突function qj() { var x = 1; x = x +原创 2021-07-04 16:48:40 · 89 阅读 · 0 评论 -
JavaScript-函数
函数定义函数定义方式一绝对值函数function abs(x) { if (x>=0){ return x; }else{ return -x; }}一旦执行到return 代表函数结束，返回结果！如果没有执行return，函数执行完也会返回结果，结果就是NaN / undefined定义方式二var abs1 = function(x){ if (x>=0){ return x; }原创 2021-07-01 19:16:54 · 82 阅读 · 1 评论 -
JavaScript-Iterable迭代
IterableES6新特性遍历数组// for of 打印值 ， for in 打印下标var arr = [4,5,6]for (const number of arr) { console.log(number)}遍历Mapvar map = new Map([['whl',100],['ht',110],['other',0]])for (let x of map) { console.log(x) console.log(x[0]) consol原创 2021-06-29 19:27:53 · 91 阅读 · 0 评论 -
JavaScript-Map和Set
ES6新特性Mapvar map = new Map([['wang', 23],['ht', 22],['test',[1,2,3,'yy']],[3,'test num']])// 通过 key获取 valuevar test1 = map.get('test');var num = map.get(3);console.log(test1)console.log(num)// 添加新的 键值对map.set('admin', 123456)console.log(map)// 修原创 2021-06-29 18:32:58 · 77 阅读 · 0 评论 -
JavaScript-分支和循环
if 判断var age1 = 3;if (age1>5){ console.log("da3")}else if (age1>2){ console.log("da2")}else { console.log("else")}while循环while (age1<20){ age1 = age1 + 1 console.log(age1)}// do while 最少执行一次do{ age1 = age1 + 1 c原创 2021-06-28 19:31:32 · 134 阅读 · 0 评论 -
JavaScript-对象
对象若干个键值对，JavaScript中的所有的键都是字符串，值是任意对象！var person = { 属性名：属性值, 属性名：属性值, 属性名：属性值}var person = { name: "wang", age: 8, email: "123456@qq.com", score: 1}js中对象，{…}表示一个对象，键值对描述属性xxx:xxx，多个属性之间使用逗号隔开，最后一个属性不加逗号！对象赋值person.n原创 2021-06-27 16:39:25 · 52 阅读 · 0 评论 -
JavaScript-数组
数组Array可以包含任意的数据类型var arr = [1,2,3,4,5,6]arr[0] // 取值arr[0] = 3 // 赋值长度arr.lengtharr.length = 10 // 长度是可变的注意：假如给arr.length 赋值，数组大小就会发生变化。如果赋值过小，元素就会丢失获取指定字符的下标索引 indexOfarr.indexOf()字符串的"1" 和 数字 1 是不同的slice() 截取Array的一部分，返回一个新的数字，类似原创 2021-06-27 15:50:28 · 68 阅读 · 0 评论 -
JavaScript-字符串
字符串正常字符串使用单引号 或者 双引号 包裹注意转义字符 \\'\n\t\u4e2d \u#### Unicode字符\x41 Ascll字符多行字符串编写// tab 上面 esc下面的引号let msg = `hello world 你好`console.log(msg)模板字符串let name = 'ht'let age = 5;let msg = `hello ${name}原创 2021-06-27 14:33:18 · 84 阅读 · 1 评论 -
JavaScript-严格检查模式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!-- 前提： IDEA需要设置支持ES6 语法 'use strict'; 必须写在JavaScript 的第一行 严格检查模式，预防JavaScript的随意性导致产生的一些问题原创 2021-06-27 13:51:28 · 296 阅读 · 0 评论 -
JavaScript-数据类型
数据类型数值、文本、图形、音频、视频。。。。https://www.bilibili.com/video/BV1JJ41177di?p=4原创 2021-06-25 16:02:16 · 74 阅读 · 0 评论 -
JavaScript-浏览器控制台使用
基本语法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!-- JavaScript 严格区分大小写 --> <script> // 1. 定义变量 变量类型 变量名 = 变量值 var num = 1;原创 2021-06-25 14:38:37 · 230 阅读 · 0 评论 -
JavaScript-引入JavaScript
引入JavaScript1、内部标签<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!-- script标签内，写javascript代码 --> <script> alert("hello world"); </script原创 2021-06-25 14:07:53 · 107 阅读 · 0 评论 -
JavaScript-概述
概述JavaScript 是一门世界上最流行的脚本语言Java 与 JavaScript没有关系，大部分因素只是JavaScript 想蹭一下Java的热度一个合格的后端人员，必须精通JavaScript历史https://blog.youkuaiyun.com/kese7952/article/details/79357868ECMAScript 它可以理解为是javascript的一个标准最新版本已经更新到es6版本但是大部分浏览器还是停留在es5代码上！导致开发环境–线上环境，版本不一致ht原创 2021-06-25 10:55:38 · 77 阅读 · 0 评论