![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Js
全栈小李
最近总结分享一些在项目中遇见的问题和解决办法,帮助初级程序员能够快速上手解决问题。
展开
-
JQuery详解
事件鼠标事件 键盘事件 其他事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.1.min.js"></script></hea.原创 2021-03-09 18:57:41 · 288 阅读 · 0 评论 -
JQuery详解
JQueryJQuery 简介jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具原创 2021-03-08 22:22:24 · 261 阅读 · 2 评论 -
JS 表单提交信息加密
提交表单<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="md5.js"></script></head><body><form action="#" method="post" > <.原创 2021-03-08 20:52:51 · 6948 阅读 · 37 评论 -
JS 表单提交信息
操作表单(验证)表单是什么 from DOM 树文本框 text下拉框单选框 radiocheckbox 多选框隐藏域 hidden密码框 password表单的目的:提交信息获取要提交的信息<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head>&l原创 2021-03-08 19:54:11 · 485 阅读 · 4 评论 -
JS设置对象的属性
设置对象属性不让属性进行修改var dog ={name:'wwl'}Object.defineProperty(dog,'name',{writable:false,value:"Nic"})dog.name='weff'"weff"dog{name: "Nic"}不让属性进行删除var person={}undefinedObject.defineProperty(person,"name",{configurable:false,value:"wwwwwww"})原创 2021-03-08 15:54:41 · 800 阅读 · 0 评论 -
插入DOM节点
插入节点我们获得了某个DOM节点,假设这个DOM节点是空的,我们通过 innerHTML 就可以增加一个元素了,但是我们这个DOM节点已经存在了元素了,我们就不能这么干了! 会产生覆盖。追加<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body>&.原创 2021-03-05 20:24:13 · 271 阅读 · 3 评论 -
删除DOM节点
删除节点删除节点的步骤,先获取父节点,在通过父节点删除自己<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"><h1>p1</h1><p id="p1">p2<.原创 2021-03-05 11:06:30 · 844 阅读 · 0 评论 -
更新DOM节点
更新DOM节点<div id="pp"></div><script> var p= document.getElementById('pp')</script>操作文本p.innerHTML=‘456’ 给文本赋值的同时还能加样式p.innerText=‘456’ 给文本赋值操作css节点p.style.color='red' //属性使用 字符串 包括p.style.fontSize='50px'.原创 2021-03-05 11:00:30 · 242 阅读 · 6 评论 -
操作DOM对象
操作DOM对象核心浏览器网页就是一个DEOM 树形结构更新:更新DOM节点遍历DOM节点 得到DOM节点删除: 删除一个DOM节点添加: 添加一个新的节点要操作一个DOM节点,就必须要先获得这个DOM节点获得DOM节点 var p2=document.getElementsByClassName('p2'); var p1=document.getElementById('p1'); var h1=document.getElementsByTagName('h1原创 2021-03-04 20:28:19 · 162 阅读 · 2 评论 -
BOM对象
操作BOM对象浏览器介绍JavaScript 和浏览器关系JavaScript 诞生就是为了能够让他在浏览器中运行!BOM :浏览器对象模型 (内核)IE 6-11ChromeSafariFireFox三方:QQ浏览器260浏览器windowwindow 代表 浏览器窗口window.alert(1)undefinedwindow.innerHeight754window.innerWidth982window.outerHeight824win原创 2021-03-04 18:11:23 · 188 阅读 · 2 评论 -
JS 原型
原型<script> var user={ name:"wwl", age:18, run:function (){ console.log(this.name+"run....."); } }; var xiaoli={ name:"xl" }; //原型对象 xiaoli的原型是user 类似继承 xiaoli.__proto__原创 2021-03-03 21:31:28 · 130 阅读 · 1 评论 -
JSON详解
JSON早期,所有数据传输习惯使用XML文件。JSON 是什么JSON](https://baike.baidu.com/item/JSON)(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。-简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。在JavaScript 一切皆为对象,任何js支持的类型都可以使用JSON表示格式:对象都用{}数组都用[原创 2021-03-03 09:41:49 · 318 阅读 · 4 评论 -
JS Date
Data基本使用<script> var now = new Date();//Tue Mar 02 2021 21:36:08 GMT+0800 (中国标准时间) now.getFullYear(); //年 now.getMinutes(); //月 国外的月份 是 0-11 月 now.getDay(); //日 now.getHours(); //时 now.getMinutes(); //分 now原创 2021-03-03 09:40:35 · 384 阅读 · 0 评论 -
JS方法
方法定义方法方法就是把函数放在对象里面,对象只有两个东西:属性和方法var aaaaa={ name:'111', bitrh:2000; age function(){ var now =new Data().getFullYear(); return now-this.birth; }}//属性aaaaa.name//方法aaaaa.age()拆开上面的代码 function aa原创 2021-03-03 08:01:00 · 169 阅读 · 0 评论 -
JS 函数
函数定义函数方式一:绝对值函数function abs(x){ if(x>=0){ return x; } else{ -x } }一旦执行return 代表函数结束 返回结果!如果没有执行return,函数执行完也会返回结果 结果就是 undefined方式二:var abs=function(x){ if(x>=){ return x; } else{原创 2021-03-03 07:59:29 · 190 阅读 · 0 评论 -
JS对象
对象var 对象名={ 属性名:属性值, 属性名:属性值, 属性名:属性值, 属性名:属性值,}定义了一个persion的对象var persion ={ name:"xxxxxx", age:123, sex:'男', score:100}js中的对象,{…} 表示一个对象,键值对描述属性xxxxxx 隔开,最后一个属性不加逗号。1.对象赋值persion.name="LLLL""LLLL"pserion.name原创 2021-03-03 07:55:44 · 436 阅读 · 0 评论 -
Js数组
数组Array 可以包含任意的数据类型var arr=[12,3,4,5,6] 通过下标取值和赋值arr[0]arr[0]=11、长度arr.length注意: 加入给arr.length 赋值 数组大小就会发生变化,如果赋值过小,元素就会丢失。2.indexOf ,通过元素获取下标索引arr.indexOf(1)注意:字符串的“1”和数字1 是不同的3.slice() 截取Array的一部分,返回一个新数组,类似于字符串从中的 substring4.push()原创 2021-01-31 08:47:59 · 162 阅读 · 0 评论 -
JS的字符串
字符串1、正常字符串使用 单引号 或者 双引号 包裹2、 注意转义字符\'\t\n\u4e2d Unincode 编码 \x41 Ascll 字符3、多行字符串编写// table 上面 esc 下面var mas=` hello wwww 你好`4、模板字符串let name="xxxxx";let age=3;leg msg= `我是 ${name},我今年${age}岁`5、字符串长度console.log(str.length)6、字符串原创 2021-01-26 23:03:32 · 149 阅读 · 0 评论 -
JS数据类型
数据类型数值 文本 图形 音频 视频…number :js 不区分小数和整数 Number123 // 整数123.11 //浮点数123.e2 //科学计数法-998 //负数NaN // not a number Infinity // 表示这个熟悉无穷大字符串'dfs' "dfsd"布尔值ture false逻辑运符&& 两个都为真,结果为真 || 其中一个为真,结果为真 ! 真即是假,原创 2021-01-25 22:58:39 · 158 阅读 · 2 评论 -
正则表达式【十】
RegExp的静态属性RegExp支持一些静态属性。在使用正则表达式对象对字符串执行搜索的过程中,一旦匹配成功,这些静态属性的值将自动更新,以反映匹配的结果。RegExp的静态属性静态属性描述index是当前表达式模式首次匹配内容的开始位置,从0开始计数。其初始值为-1 。每次成功匹配时,其属性值都会随之改变。input返回当前所作用的字符串,初始值为空字符串“”lastMatch是当前表达式模式的最后一个匹配字符串,其初始值为空字符串“”。每次成功匹配时,其属性原创 2020-12-21 17:22:16 · 138 阅读 · 0 评论 -
正则表达式 【九】
RegExp对象方法 RegExp对象的常用方法除了test() 之外还有exec()方法,RegExp对象的方法。方法描述test()语法为test(str) 该方法检查一个字符串是否存在创建RegExp对象实例时所指定的表达式模式,如果存在就返回True,否则返回False 。如果找到匹配项,则会更行RegExp对象中的有关静态属性,以反应匹配情况。exec()语法格式为exec(str)该方法使用创建RegExp实例时所指定的表达式模式对一个字符串进行搜索,原创 2020-12-21 17:05:42 · 266 阅读 · 0 评论 -
正则表达式 【八】
注意:由于JavaScript字符之中的 “\” 是一个转义字符,因此,使用显式构造函数创建RegExp实例对象时,应将原始正则表达式中 “/” 用 "//"替换。在下面代码中的两条语句是等价的var rel=new RegExp("\ \d{5}");var rel2=/\d{5}/;由于正则表达式模式文件中的转义字符也是 ”/“ ,如果正则表达式中要匹配愿义字符 ”\“ ,在正则表达式模式文本中要以”//“来表示,当使用显式构造的方式创建RegExp实例对象的时候,就需要使用 “/////”原创 2020-12-21 09:43:32 · 148 阅读 · 6 评论 -
正则表达式 【七】
创建RegExp对象 在JavaScript中,正则表达式由一个RegExp对象表示,利用RegExp对象来完成有关正则表达式的操作和功能。 每一条正则表达式模式对应一个RegExp对象,由两种方式可以创建RegExp对象的实例,下面分别对应这两种方式进行说明使用RegExp的显示构造函数new ReExp("pattern"[,"flags"]);使用RegExp的隐式构造函数,采用纯文本格式/pattern/[flags]pattern部分为要使用的正则表达式模原创 2020-12-21 09:17:20 · 155 阅读 · 2 评论 -
正则表达式【六】
1.影响表达式内部的子表达式之间关系的符号表达式内部可能包含多个子表达式,一些符号可以影响子表达式之间的关系子表达式表达式作用|左右两边表达式之间 "或"关系,匹配做左边或者右边()在被修饰匹配次数的时候,括号中的表达式可以作为整体被修饰;取匹配结果的时候,括号中的表达式匹配到的内容可以被单独得到举例1:表达式"Tom|Jack"在匹配字符串"I’m Tom,he is Jack"时,匹配结果是:成功;匹配到的内容是:“Tom”;匹 配到的位置是:开始于4原创 2020-12-18 16:16:29 · 112 阅读 · 2 评论 -
正则表达式 【五】
其他一些代表抽象意义的特殊符号一些符号在表达式中代表凑下的特殊意义匹配边界表达式作用^与字符串开始的地方匹配,不匹配任何字符$与字符串结束的地方匹配,不匹配任何字符\b匹配一个单词边界,也就是单词和空格之间的位置,不匹配任何字符举例1:表达式 ^aaaa 在匹配 xxx aaa xxx 时,匹配结果是 失败。因为 “^” 要求与字符串开始的地方匹配,因此,只有当“aaa”位于字符串的开头的时候 ”^aaa" 才能匹配 比如 “aaa bbb ..原创 2020-12-18 15:25:42 · 2790 阅读 · 4 评论 -
正则表达式 【四】
修饰符匹配次数的特殊符号前面讲到的表达式,无论是只能匹配一种字符的表达式,还是可以匹配多种字符其中任意一个的表达式,都只能匹配一次。如果使用表达式在加上匹配次数的特殊符号,那么不用重复书写表达式可以重复匹配。使用方法是:“次数修饰”放在 "被修饰符的表达式"后边。比如: “[bcd] [dbc]” 可以写成 “[bcd]{2}”匹配次数表达式作用{n}表达式重复n次,比如:"\w{2}"相当于 “\w\w” :”a{5}“ 相当于 “aaaaa”{m,n}表达式至..原创 2020-12-18 11:49:08 · 134 阅读 · 0 评论 -
正则表达式【三】
能够于’多种字符’匹配的表达式正则表达式中的一些表达方法,可以匹配 '多个字符’其中的任意一个字符,比如,表达式 "\d"可以匹配任意一个数字。虽然可以匹配其中任意字符,但是只能是一个,不是多个,这就好比扑克牌时候,大熊澳网可以代替任意一张牌,但是只能代替一张牌。匹配多种字符(1)表达式可匹配\d任意一个数字,0-9中的任意一个\w任意一个字母或数字或下划线,也就是A-Z a-z 0-9 _中任意一个\s包括括号,制表符,换页符等空白符的其中任意一个..原创 2020-12-18 10:32:38 · 152 阅读 · 0 评论 -
正则表达式【二】
简单转义字符一些不发方便书写的字符,采用在前面加 “/ ”的方法转义字符(1)表达式可匹配\r \n代表回车和换行符\t代表制表符\代表 “ \ ”本身还有其他一些有特殊用处的标点符号,在前面加 ’ \ ‘,后,就代表该符号本身。比如:^ $ 都有特殊意义,如果要想匹配字符串中的 ^ 和 $ 字符,则表达式就需要写成 ^ 和 $转义字符(2)表达式可匹配^匹配^本身\ $匹配$本身\ ..原创 2020-12-18 09:51:03 · 101 阅读 · 0 评论 -
正则表达式【一】
RegExp对象正则表达式正则表达式(regular expression)就是用一个“字符串”来描述一个特征,然后去验证另一个“字符串”是否符合这个特征。比如表达式“ab+”描述的特征是“一个a和任意个’b’ “,那么‘ ab ’ ,’ abb ’ , ’ abbbbbbbbb ’ 都符合这个特征。有时也把正则表达式表示的特征称为 ” 匹配模式 “。正则表达式可以用来:验证字符串是否符合指定特征,比如验证是否是合法的邮件地址。用来查找字符串,从一个长的文本中查找符合指定特征的字符串,比查找固定原创 2020-12-18 08:41:34 · 170 阅读 · 0 评论 -
Js简易时钟
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><style> .bp{ width: 500px; height: 500px; margin: 0 auto; border原创 2020-12-10 09:18:37 · 215 阅读 · 4 评论