jQuery
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <!-- 在线jquery--> 7 <script src="http://libs.baidu.com/
阅读全文
posted @ 2021-05-07 19:35
随笔分类 - javascirpt
表单提交验证及前端密码MD5加密
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 8 </head> 9 <body> 14 <form action="#" method="post" > 1
阅读全文
posted @ 2021-05-07 16:09
操作表单（验证）
摘要：表单是什么 form DOM树 ·文本框 text ·下拉框 <select> ·单选框 radio ·多选框 checkbox ·隐藏域 hidden 密码框 password 表单的目的：提交信息 1 <form action="post"> 2 <p> 3 <span>用户名:</span><
阅读全文
posted @ 2021-05-07 15:27
操作DOM对象（重点）
摘要：核心 浏览器网页就是一个DOM树形结构 ·更新：更新DOM节点 ·遍历DOM节点：得到DOM节点 ·添加DOM节点 ·删除DOM节点 要操作一个DOM节点，首先就要获取这个DOM节点 1 <div id = "father"> 2 <h1>标题一</h1> 3 <p id="p1">p1</p> 4
阅读全文
posted @ 2021-05-07 10:19
操作BOM对象（重点）
摘要：js和浏览器的关系？ js诞生就是为了让它能够在浏览器中运行。 BOM：浏览器对象模型 ·IE 6-11 ·Chrome ·Safari (苹果） ·FireFox（linux绑定的） window 代表浏览器窗口 1 window.alert(1) 2 undefined 3 window.inn
阅读全文
posted @ 2021-05-07 09:41
面向对象class继承
摘要：1 class Student { 2 constructor(name) { 3 this.name = name; 4 } 5 hello(){ 6 alert("hello"); 7 } 8 } 9 var xiaoming = new Student("xiaoming"); 1 class
阅读全文
posted @ 2021-05-06 21:27
JSON
摘要：json是什么？ 早期，所有数据传输习惯使用xml文件。 ·JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式 ·简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 ·易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传
阅读全文
posted @ 2021-05-06 20:58
方法
摘要：1 var people = { 2 name : "zhangsan", 3 birth: 2001, 4 // 方法 5 age : function () { 6 let now = new Date().getFullYear(); 7 return now-this.birth; 8 9
阅读全文
posted @ 2021-05-06 20:03
js中变量的作用域，let,const详解
摘要：1）函数体中的在函数体外不能用 2）如果两个函数使用相同的变量名，只要在函数内部，就不冲突 3）函数成员可以访问函数内部的成员，反之不行 4）假设，内部函数变量和外部函数的变量重名，由内向外查找。 提升变量的作用域 1 function fun() { 2 3 var x = "x" + y; 4
阅读全文
posted @ 2021-05-06 19:39
函数
摘要：定义方式1： 1 function abs(x) { 2 if (x >= 0) { 3 console.log(x); 4 } else { 5 console.log(-x) 6 } 7 } 定义方式2： 1 let abs1 = function (a) { 2 if (a >= 0) { 3
阅读全文
posted @ 2021-05-06 16:46
Map和Set
摘要：Map： 1 // 学生的成绩，学生的名字 2 // var name = ["tom", "jack", "zhangsan"]; 3 // var score = [100, 90, 80]; 4 5 var map = new Map([["tom",100], ["jack", 90], [
阅读全文
posted @ 2021-05-06 15:00
循环结构
摘要：forEach循环 1 var age = [1, 2, 3, 4] 2 3 // 函数 4 age.forEach(function (value) { 5 console.log(value) 6 }) for...in... 1 // for(var index in object){} 2
阅读全文
posted @ 2021-05-06 14:49
对象
摘要：若干个键值对 1 var 对象名 = { 2 属性名： 属性值， 3 属性名： 属性值， 4 属性名： 属性值 5 } 6 7 // 定义了一个person对象，它有4个属性 8 var person = { 9 name:"zhangshan", 10 age:13 11 address:"chi
阅读全文
posted @ 2021-05-06 14:37
数组
摘要：定义数组： var arr = [1, 2, 3, 4, 5, 6, "1", "2"] 1.长度 1 arr.length2 >6 2.indexof,通过元素获得下标索引 1 arr.indexOf(2) 2 >1 注意字符串的“1”和数字1是不一样的。 3.slice()截取Array的一部分
阅读全文
posted @ 2021-05-06 13:54
字符串
摘要：1.正常使用单引号或者双引号包裹 2.注意转义字符\ 1 \` 2 \n 3 \t 4 \u4e2d \u#### Unicode字符 5 \x41 Ascll 字符 3:。多行字符串的编写 1 // tab 上面 esc键下面 2 var msg = 3 ` hello 4 world 5 你好
阅读全文
posted @ 2021-05-06 13:25
严格检查模式
摘要：要使用严格模式，首先要设置为ES6 <!-- 前提：IDEA需要设置支持ES6语法 "use strict";严格检查模式，预防js的随意性出现问题， 必须写在js的第一行 局部变量建议都使用let去定义 --> <script> "use strict"; let x = 2; </script>
阅读全文
posted @ 2021-05-06 11:02
js基本语法入门
摘要：一 基本语法： 1 <!-- js严格区分大小写 <--> 2 <script> 3 // 1.定义变量，js里面没有多余类型，只有var,不要以数字开头 4 var num = 1; 5 var name = "zhangsan"; 6 var score = 1; 7 // 2.条件控制 8 i
阅读全文
posted @ 2021-05-06 10:52
基本使用
摘要：一--引入javascript 1）内部标签： 1 <script> 2 //..... 3 </script> 2)外部引入： abc.js 1 //.... text.html: 1 <script src="abc.js> </script>
阅读全文
posted @ 2021-05-05 22:36
javascript简介
摘要：一 什么是javascript？ 是一门世界上最流行的脚本语言 二 javascript框架 1）jQuery:这个是一个库，里面有很多别人写好的方法 2）Angular:Google的产品，一群java程序员写的，提出模块化开发的概念 3）React:Facebook的产品，提出虚拟DOM，增加网
阅读全文
posted @ 2021-05-05 22:22
