![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Javascript
酷jjs
追求卓越,激流勇进!
展开
-
深拷贝方法
深拷贝方法 =>引用数据类型(数组,对象)function deepClone(soure){ const targetObj=source.constructor===Array?[]:{}; for (let key in source ){ if(source.hasOwnProperty(keys)){ // 引用数据类型 if( source[keys] && typeof source[keys]=.原创 2022-04-12 14:46:21 · 450 阅读 · 0 评论 -
获取字符串中最大的字符长度
//获取字符串中最大的字符长度---写法1 function getMax(str) { let strjson={}; for(let item of str ){ if(item in strjson){ strjson[item]++; }else{ strjson[item]=1; } } let nam...原创 2021-10-19 16:03:30 · 646 阅读 · 0 评论 -
递归函数举例
//n项求和数列 例如:100以内求和 1+2+3+...+98+99+100=5050 function sum(n) { if(n===1) return 1; return sum(n-1)+n; } var hh=sum(100); //5050 console.log(hh); //n以内奇数求和数列 例如:10以内奇数求和 1+3+5+7+9=25 func...原创 2021-10-19 15:40:38 · 164 阅读 · 0 评论 -
改变this指向方法
改变this指向的三种方法:call() 、bind()、 apply()这三个函数的第一个参数都是 this 的指向对象举例执行区别: var a='小花',b='小菜'; function fun(b,d){ var str=this.a+'和'+this.b+',打算从'+b+'出发,去往'+d; console.log(str); } var obj={ a:'小明', b原创 2021-10-13 15:28:37 · 57 阅读 · 0 评论 -
js获取1-100之间的随机整数
/* 获取随机整数 */randomNum(m,n){ var num = Math.floor(Math.random()*(m - n) + n); return num;}/* 获取1-100之间的随机整数 */var num=this.randomNum(1,101);console.log( num );...原创 2020-03-18 15:30:52 · 7727 阅读 · 1 评论 -
Javascript学习:案例4--防止按钮连击readyState
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><input ty原创 2018-06-11 10:22:33 · 503 阅读 · 0 评论 -
Javascript学习:案例3--动态添加事件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <inpu原创 2018-06-11 10:20:38 · 432 阅读 · 0 评论 -
Javascript学习:案例2--动态创建元素(并且每一个新元素都带有相同的事件)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> input{ margin:原创 2018-06-11 10:18:51 · 273 阅读 · 0 评论 -
Javascript学习:案例1--删除确认提示框confirm
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <inpu原创 2018-06-11 10:15:36 · 812 阅读 · 0 评论 -
Javascript学习:综合案例4--json表单输出
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #table tr{height:30px;line原创 2018-06-15 15:09:14 · 163 阅读 · 0 评论 -
Javascript学习:案例8--封装(创建、读取、删除)cookie函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><!--coo原创 2018-06-15 08:51:43 · 556 阅读 · 0 评论 -
Javascript学习:综合案例1--注册页面,提交、重置(表单验证)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> table{ margin:原创 2018-06-11 10:25:18 · 2155 阅读 · 0 评论 -
Javascript学习:综合案例5--封装ajax.js读取json数据(服务器环境下)
ajax.js:function ajax(url,funSucc,funFaild){ /* 兼容IE5,IE6 if(window.XMLHttpRequest){ var xhr = new XMLHttpRequest(); }else{ var xhr = new ActiveXObject("Microsoft.XMLHTT...原创 2018-06-19 11:54:46 · 196 阅读 · 0 评论 -
js:两时间相减获取时间差
1 2 3 4 5 6 7 8 9 10 11 12 13 var date1 = new Date('2013/04/02 18:00') var date2 = new Date('2013/04/02 19:22:21') var s...转载 2018-08-13 16:56:10 · 54402 阅读 · 2 评论 -
JS:生成指定范围的随机色
/*** random number : 生成指定范围内的随机整数 ****/ function rn(min,max) { return Math.floor(Math.random()*(max-min)+min); }; /*** random color : 生成指定范围内的随机颜色 ****/ function rc(min...原创 2018-09-07 11:04:43 · 2570 阅读 · 0 评论 -
简易计时器效果
简易计时器<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>简易计时器</title> </head> <body> <input type="text" id="timetext" value="...原创 2019-06-20 14:42:16 · 1601 阅读 · 0 评论 -
时分秒(00:00:00) 转为 (秒) 和 (00时00分00秒)
时分秒(00:00:00) 转为 秒time_to_sec(s) { let ss = s.split(":"); let t = Math.floor(ss[0]) * 60 * 60 + Math.floor(ss[1]) * 60 + Math.floor(ss[2]); return t;},时分秒(00:00:00) 转为 00时00分00秒...原创 2019-09-25 09:51:38 · 4275 阅读 · 0 评论 -
JavaScript基础(数据类型)
JavaScript理论介绍:JavaScript: 是一种具有面向对象能力的、解释性的程序设计语言; 它是基于对象和事件驱动并具有相对安全的客户端脚本语言; 不需要在一个语言环境下运行,只需要支持它的浏览器即可。本地:客户端;远程:服务器端作用: 验证发往服务器端的数据、增加web互动、加强用户体验等。特点: 松散性:变量不需要明确的类型; 对象属原创 2017-05-11 15:54:07 · 353 阅读 · 0 评论 -
小程序学习:全局变量的设置、获取、修改,全局方法的执行
小程序自学网站推荐:http://www.51zxw.net/study.asp?vip=4857021app.js://app.jsApp({ data:{ winMask_if: true, }, globalData:{ winMas: true, }, myToast:function(){...原创 2018-06-07 12:00:51 · 50973 阅读 · 0 评论 -
Javascript学习:综合案例3--循环里面套点击事件
js自学网站推荐:http://www.51zxw.net/study.asp?vip=4857021方法一:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>&原创 2018-06-14 11:20:17 · 398 阅读 · 0 评论 -
按钮返回上一页
history.back(-1):直接返回当前页的上一页,数据全部消息,是个新页面history.go(-1):也是返回当前页的上一页,不过表单里的数据全部还在<a href="javascript:history.go(-1)">返回</a><a href="javascript:history.back(-1)">返回</a>...原创 2018-04-16 10:37:57 · 3892 阅读 · 0 评论 -
JS中的this指向
this: 指的是调用 当前 方法(函数)的那个对象案例分析:window 是 JS “老大”<script> alert(this); //object window ; function fn1(){ alert(this); } fn1(); //object window ;</script><input typ原创 2017-05-10 12:34:09 · 305 阅读 · 0 评论 -
JS作用域
JS作用域相关知识点归纳总结JS作用域相关理论基础:作用域:域:空间、范围、区域……作用:读、写script:自上而下 全局变量、全局函数 函数:由里到外 浏览器:“JS解析器” 1)“找一些东西”: var function 参数 a = undefine 所有的变量,在正式运行代码之前,都提前赋了一个值:未定义 fn1 =原创 2017-05-10 11:08:21 · 304 阅读 · 0 评论 -
JavaScript基础(运算符)
晕啊算法前置运算符: var box=100; ++box; //前置递增,box = box + 1 alert(box ); // 101 var box=100; --box; //前置递减,box = box - 1 alert(box );原创 2017-05-12 19:14:22 · 303 阅读 · 0 评论 -
JS算法(获取斐波那契数列的前n项)
斐波那契数列(Fibonacci sequence),又称黄金分割数列、因数学家列昂纳多·斐波那契(Leonardoda Fibonacci)以兔子繁殖为例子而引入,故又称为“兔子数列”,指的是这样一个数列:1、1、2、3、5、8、13、21、34、……在数学上,斐波纳契数列以如下被以递归的方法定义:F(0)=0,F(1)=1, F(n)=F(n-1)+F(n-2)(n>=2,n∈N*)即:第三项原创 2017-05-11 10:50:09 · 8541 阅读 · 0 评论 -
抽奖随机数产生效果
在一定范围内(2~~8),生成一组(4个) 不重复的随机数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> function fn(n){ var b=[]; var Rand =0原创 2017-03-07 21:12:49 · 1180 阅读 · 0 评论 -
一站式开发(hash值)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>一站式开发</title> <style> *{margin:0;padding:0;} li{list-style:none;} .navul{overflow:hidden;backgr原创 2017-02-15 16:31:11 · 350 阅读 · 0 评论 -
JS判断浏览器,考虑版本
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JS判断浏览器,考虑版本</title></head><body> <script> function myBrowser(){ var userAgent = navigator.userAge原创 2016-11-22 15:31:00 · 423 阅读 · 0 评论 -
小程序学习:构造函数写法对比
一般写法: function Test(x,y) { this.x=x; this.y=y; }; Test.prototype.sum=function () { return this.x+this.y; } var t =new Test(10,10); var he = t.sum(); ...原创 2018-05-23 15:17:15 · 1758 阅读 · 0 评论 -
Javascript学习:案例6--面向对象(动态原型方法)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script&a原创 2018-06-11 14:27:15 · 163 阅读 · 0 评论 -
Javascript学习:案例7--对象属性和方法的遍历、删除、添加
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script&am原创 2018-06-12 10:11:35 · 210 阅读 · 0 评论 -
正则表达式学习:案例6--过滤html标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> input{ display原创 2018-06-21 15:48:06 · 234 阅读 · 0 评论 -
正则表达式学习:案例5--正则邮箱验证
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> </style><原创 2018-06-21 15:46:19 · 322 阅读 · 0 评论 -
正则表达式学习:案例4--正则电话号码验证
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> </style><原创 2018-06-21 15:45:27 · 309 阅读 · 0 评论 -
正则表达式学习:案例3--正则身份证号码验证
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> </style><原创 2018-06-21 15:43:55 · 311 阅读 · 0 评论 -
正则表达式学习:案例2--正则邮编验证
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> </style><原创 2018-06-21 15:42:57 · 874 阅读 · 0 评论 -
正则表达式学习:案例1--正则匹配13开头的移动手机号码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> </style><原创 2018-06-21 15:41:52 · 2276 阅读 · 0 评论 -
Javascript学习:综合案例6--字符串筛选
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> h2{text-align: center;}原创 2018-06-21 15:40:06 · 762 阅读 · 0 评论 -
Javascript学习:综合案例2--网页计算器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> table{ margin:原创 2018-06-12 16:21:16 · 431 阅读 · 0 评论 -
JS判断浏览器,不考虑版本
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JS判断浏览器,不考虑版本</title></head><body> <script> function myBrowser(){ var userAgent = navigator.userAg原创 2016-11-22 15:29:53 · 353 阅读 · 0 评论