js代码
关注
分享
扫一扫
夏沐_lk
这个作者很懒，什么都没留下…
展开
-
js json对象详解
json概述json对象的格式及获取值的方式案例1：简单格式及获取值的方式案例2：嵌套格式及获取值的方式，对象嵌套数组案例3：嵌套格式及获取值的方式，数组嵌套对象遍历json对象的案例（1）案例1：简单格式下的遍历（2）复杂格式下的遍历json对象和java对象的相互转换参考：https://blog.csdn.net/rongxiang111/article/details/79761539https://www.cnblogs.原创 2020-05-20 15:24:47 · 323 阅读 · 0 评论 -
JS 为同一个元素绑定多个不同的事件,指向相同的事件处理函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title></head><body><input type=原创 2019-02-20 13:42:48 · 1332 阅读 · 0 评论 -
JS 为按钮解绑多个点击事件（兼容性代码）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title></head><body><input type=原创 2019-02-20 10:50:39 · 687 阅读 · 0 评论 -
JS 绑定多个事件的区别【addEventListener()与attachEvent()的区别】
为元素绑定多个事件的方法有：addEventListener()与attachEvent()区别：1、参数个数不一样， addEventListener()三个参数，attachEvent()两个参数2、 addEventListener() 谷歌，火狐，IE11支持，IE8不支持； attachEvent() 谷歌，火狐不支持，IE11不支持，IE8支持。3、...原创 2019-02-19 21:01:08 · 1432 阅读 · 0 评论 -
JS 原生js实现贪吃蛇小游戏（含详细注释）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title> <style> .map{ width:800px; height:600px;原创 2019-02-28 20:06:15 · 5724 阅读 · 0 评论 -
JS 同时改变某个元素的多个属性到达多个目标值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title> <style> *{ margin: 0; padding:原创 2019-02-23 21:31:09 · 3367 阅读 · 0 评论 -
JS div匀速移动动画与变速移动动画
1.匀速移动代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title> <style> * { margin: 0;原创 2019-02-23 20:11:09 · 7489 阅读 · 6 评论 -
JS 使用自调用函数实现随机数产生函数（可转换全局对象）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title> <script> //通过自调用函数产生一个随机数对象,在自调用函数外面,调用该随机原创 2019-02-27 16:42:42 · 1439 阅读 · 0 评论 -
JS 自定义属性实现Tab切换
此处插入自定义属性的原因是，在点击后，触发onclick函数，调用了一个匿名函数，使得for循环中的i无法传入下一个函数中，因此需要插入自定义属性，实现角标对应。 <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>原创 2019-01-16 22:58:25 · 870 阅读 · 0 评论 -
JS HTML标签的自定义属性的设置与获取
设置自定义属性:setAttribute("属性的名字","属性的值");获取自定义属性的值:getAttribute("属性的名字");<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <原创 2019-01-16 21:49:45 · 6793 阅读 · 0 评论 -
JS 兼容性代码
本文主要描述的是使用JS实现HTML页面中向任意标签中插入内容，或从任意标签中获取内容，由于不同浏览器对于innerText属性和textContent属性的兼容性不同，因此，为了实现代码可以在不同浏览器上使用，必须实现兼容性代码，经测试，如果该属性在某浏览器上不能使用，则利用该属性获取值的时候，获取的值为undefined。实现代码如下：<!DOCTYPE html&...原创 2019-01-16 20:59:29 · 923 阅读 · 0 评论 -
JS 模拟页面搜索框功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> input { color: gray; } &原创 2019-01-16 20:28:35 · 2842 阅读 · 5 评论 -
JS 获取页面元素的方法总结
根据id属性的值获取元素,返回来的是一个元素对象document.getElementById("id属性的值"); 根据标签名字获取元素,返回来的是一个伪数组,里面保存了多个的DOM对象document.getElementsByTagName("标签名字"); 下面的几个,有的浏览器不支持 根据name属性的值获取元素,返回来的是一个伪数组,里面保存了多个的DOM对象 doc...原创 2019-01-16 20:13:38 · 3973 阅读 · 0 评论 -
JS 使用选择器的方式获取元素
案例一：HTML代码部分<input type="button" value="显示效果" id="btn"/>JS代码部分：//点击按钮弹出对话框//根据选择器的方式获取元素,ID选择器 var btnObj= document.querySelector("#btn"); btnObj.onclick=function () { alert(...原创 2019-01-16 20:10:24 · 7177 阅读 · 0 评论 -
JS 为按钮绑定多个点击事件（兼容性代码）
为元素绑定事件(DOM):一种,但是不兼容,有两种 1 对象.addEventListener("事件类型",事件处理函数,false);--谷歌和火狐支持,IE8不支持 2 对象.attachEvent("有on的事件类型",事件处理函数)--谷歌不支持,火狐不支持,IE8支持<!DOCTYPE html><html lang="en">&l...原创 2019-01-22 14:36:57 · 10948 阅读 · 0 评论 -
JS 模拟搜索提示
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #box { width: 450px; ma原创 2019-02-20 14:59:46 · 610 阅读 · 0 评论 -
JS location对象的属性与方法
window.location对象location相当于浏览器的地址栏，可以将url解析成独立的片段location对象的属性 （1）地址栏上#及后面的内容 console.log(window.location.hash);（2）主机名及端口号 console.log(window.location.host);（3）主机名 console.log...原创 2019-02-20 16:14:06 · 2574 阅读 · 0 评论 -
centos 7 安装 nodejs
在安装node的过程中总结了下centos7安装nginx，现在安装完了node，又来总结下centos7安装nodejs。最新的node包(10.6.0)已经集成了npm(6.1.0)，所以npm的安装也就不用操心了。首先也是环境的安装安装gcc，make，openssl，wget，yum install -y gcc make gcc-c++ openssl-d...转载 2019-03-26 22:29:37 · 238 阅读 · 0 评论 -
JS 正则表达式获取匹配内容
正则表达式中：g 表示的是全局模式匹配正则表达式中：i 表示的是忽略大小写正则表达式中：()表示的是分组，$1表示获取分组1中的内容正则表达式中：【.match()】方法表示获取匹配内容正则表达式中：【.replace()】方法表示替换内容正则表达式中：【.trim()】方法表示去除字符串两端空格案例：（1）获取字符串中的全部匹配数字var str="中国移动:10...原创 2019-03-11 10:45:55 · 35086 阅读 · 2 评论 -
JS 正则表达式-简单的注册验证
HTML代码：<div > <label>Q Q</label><input type="text" id="qq"><span></span><br/> <label>手机</label><原创 2019-03-11 10:14:55 · 550 阅读 · 0 评论 -
JS 正则表达式验证邮箱（含注释）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title></head><body>请您输入邮箱地址:<inp原创 2019-03-11 09:45:33 · 17128 阅读 · 1 评论 -
JS 正则表达式验证密码强度
代码1：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><style type="text/cs原创 2019-03-10 16:31:59 · 3234 阅读 · 0 评论 -
JS 实现继承的四种方式及其缺陷
JS实现继承的方式：（1）通过改变原型指向实现；（2）通过借用构造函数实现；（3）通过组合方式实现；（4）通过拷贝的方式实现（1）通过改变原型指向的方式实现继承，案例代码如下： // 父类构造函数 function Person(name,age,sex) { this.name=name;//父类属性 this.sex=sex;...原创 2019-03-03 20:07:01 · 229 阅读 · 0 评论 -
JS 同意协议按钮延时点击
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title></head><body><textarea na原创 2019-02-21 11:09:44 · 1212 阅读 · 0 评论 -
JS 遍历DOM树代码（含注释）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>遍历DOM树</title></head><body><h1>遍原创 2019-03-05 20:30:06 · 430 阅读 · 0 评论 -
JS 实现深拷贝
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title> <script> //深拷贝:拷贝还是复制,深:把一个对象中所有的属性或者方法,一个一个原创 2019-03-05 19:57:36 · 307 阅读 · 0 评论 -
JS 递归介绍及案例
递归：函数中调用函数自己，在使用递归的时候一定需要有结束递归的条件，否则就会变成死循环，直到浏览器崩溃。（1）求n个数字的和，常规代码：//求5个数字的和var sum=0for(var i=0;i<6;i++){ sum=sum+i;}console.log(sum);（2）求n个数字的和(递归的思路)，代码如下：//递归实现n个数字的和functi...原创 2019-03-05 18:28:01 · 2660 阅读 · 0 评论 -
JS 点赞功能的实现（闭包方式，含注释）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>点赞案例</title> <style> ul { list-style-type: none;原创 2019-03-05 16:06:36 · 1823 阅读 · 0 评论 -
JS 使用闭包实现缓存（产生随机数后保持不变）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title> <script> //常规的随机数产生函数 function showRando原创 2019-03-05 15:48:19 · 1399 阅读 · 0 评论 -
JS 将函数作为返回值实现排序（sort()）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title> <script> //排序,每个文件都有名字，大小,时间,都可以按照某个属性的值进行排原创 2019-03-05 15:06:19 · 1089 阅读 · 0 评论 -
JS BOM定时器的实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title> <script> //BOM中有两个定时器---计时器 </s原创 2019-02-20 16:29:50 · 462 阅读 · 0 评论 -
JS 点击按钮创建列表
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title> <style> div { width: 300px; hei原创 2019-01-21 22:31:05 · 2257 阅读 · 0 评论 -
JS 创建HTML元素的方法
元素创建的三种方式: * 1. document.write("标签的代码及内容"); * 2. 对象.innerHTML="标签及代码"; * 3. document.createElement("标签的名字");1、document.write("标签的代码及内容")方式：<!DOCTYPE html><html lang="en&q原创 2019-01-21 22:20:42 · 15264 阅读 · 1 评论 -
JS 实现全选
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; margin: 0;原创 2019-01-21 22:02:35 · 443 阅读 · 0 评论 -
JS 实现多个按钮的排他功能
HTML代码部分：<input type="button" value="没点"/><input type="button" value="没点"/><input type="button" value="没点"/><input type="button" va原创 2019-01-12 20:55:37 · 2260 阅读 · 0 评论 -
JS 点击每个图片弹出对话框
HTML代码部分：<img src="images/1.jpg" alt="" id="im1" /><img src="images/2.jpg" alt="" id="im2" /><img src="images/3.jpg" alt="" id="im3原创 2019-01-12 20:44:13 · 5394 阅读 · 0 评论 -
JS 选择性修改input标签的属性
HTML代码部分：<input type="button" value="修改文本框的值" id="btn"/><br/><input type="text" value=""/><br/><input type="text" value="&q原创 2019-01-12 17:30:38 · 8539 阅读 · 1 评论 -
JS 修改div标签中嵌套的多个p标签中的文字内容
使用函数说明：document.getElementsByTagName("标签的名字");返回的是一个伪数组,无论获取的是一个标签,还是多个标签,最终都是在数组中存储的,这行代码的返回值就是一个数组修改div标签中嵌套的p标签的文字内容：HTML代码部分：<input type="button" value="显示效果" id="btn"/><div ...原创 2019-01-12 17:14:07 · 8256 阅读 · 2 评论 -
JS 修改a标签中的链接及文字
DOM:Document Object Model --->文档对象模型----操作页面的元素html文件看成是一个文档,那么这个文档看成是一个对象,文档中的所有的标签都可以看成是一个对象页面中的每个标签,都是一个元素(element),每个元素都可以看成是一个对象，每一个标签的属性都可以看做对象的属性HTML代码部分如下：<input type="button"...原创 2019-01-12 16:57:34 · 38414 阅读 · 4 评论 -
js 预解析
JavaScript代码的执行是由浏览器的JavaScript解析器来执行的。JavaScript解析器执行JavaScript代码时，分为两个过程：预解析过程和代码执行过程。预解析过程：（1）把变量的声明提升到当前作用域的最前面，只会提升声明，而不会提升赋值。（2）把函数的声明提升到当前作用域的最前面，只会提升声明，而不会提升调用。（3）先提升var，在提升function。...原创 2019-01-02 16:49:37 · 146 阅读 · 0 评论