js-web建站教程

js按钮控制全屏和退出全屏

2022年07月26日浏览(61)

功能介绍：想用按钮控制页面进入全屏和退出全屏，下面给大家介绍几个函数 requestFullscreen 、 exitFullScreen ，不同浏览器名称不一样！ 1、进入全屏 var docElm = document.documentElement;if (docElm.requestFullscreen) { //W3CdocElm.requestFullscreen();} else if (docElm.mozRequestFullScreen) { //FireFoxdocElm.mozRequestFullScreen();} else if (docElm.webkitRequestFullScreen) { //Chrome等docElm.webkitRequestFullScreen();} else if (elem.msRequestFullscree

利用jquery设置checkbox只读的2个方法

2022年07月25日浏览(142)

利用 jquery 设置 checkbox 只读的2个方法：1、可以使用 attr() 给复选框（checkbox）添加 disabled 属性；2、使用 click() 设置复选框点击时不进行checkbox状态改变。 1、利用attr()给复选框添加disabled属性 $(document).ready(function() { $(button).click(function() { $(input[type=checkbox]).attr(disabled, true); });}); 2、利用click点击事件改变状态 $(document).ready(function() { $(button).click(function() { $(input[type=checkbox]).click( func

jquery获取前几个子元素的几个方法

2022年07月25日浏览(189)

jquery获取前几个子元素的几个方法：1、利用 children() 获取全部子元素；2、利用 :lt(index) 选择器获取前几个子元素。 1、利用children()获取全部子元素父元素.children() 2、利用:lt(index)选择器获取前几个子元素父元素.children(:lt(index))

浅谈js中switch的4种不同写法

2022年07月25日浏览(129)

一般情况大家认为 switch 只有一种写法，下面web建站小编收集了一个不同的 switch 写法，代码如下：第一种写法： function switchS(score) { switch (true) { case score = 90: return 优秀; case score = 75: return 良好; case score = 60: return 合格; default: return 不合格; }} 第二种写法： function switchS(score) { return ((value, rules) = rules.find(({ t }) = t(value)).v)( score, [ { t: n = n = 90, v: 优秀 }, { t: n = n = 75, v: 良好 }, { t: n =

新手入门：掌握JS入门的几大小技巧

2022年07月20日浏览(72)

前端入门需要了解的几个js小知识，比如找出总和、最小值、最大值、声明和初始化数组、filter过滤出数组中虚假值等等。 1、reduce找出总和、最小值和最大值 //reduce函数const array = [5,4,7,8,9,2];//求和array.reduce((a,b) = a+b); // 输出: 35//找出最大array.reduce((a,b) = ab?a:b); // 输出: 9//找出最小array.reduce((a,b) = ab?a:b); // 输出: 2 2、声明和初始化数组 const array = Array(5).fill(); // 输出(5) [, , , , ]const

countNumber.js文字滚动出错修复

2022年07月19日浏览(135)

问题描述：用了 countNumber.js 插件实现问题滚动发现一个问题，如果数字是三位数的，进阶到四位数，需要在现有的插件加一个判断，否则一直是三位的滚动，不会变成四位数的滚动。问题就出在下面这个if中 if(obj.find(.+options.className).length = 0){} 代码改成： //判断页面中li的个数是否小于数字长度if(obj.find(li).length valLen){ //if(obj.find(.+options.className).length = 0){}里面的代码赋值到这里，

js用正则判断是ios系统还是android系统

2022年07月18日浏览(85)

js通过正则方法判断当前系统是安卓的还是苹果的。 if(/android/i.test(navigator.userAgent)){ console.log(Android);//Android}if(/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)){ console.log(iOS);//iOS}

js获取对象属性名

2022年07月15日浏览(113)

var obj = { name: age, label: 年龄}for(var d in obj) { console.log(获取属性名：, d) console.log(属性值年龄：, obj[d])}

js新增/修改/删除url地址参数名称

2022年07月11日浏览(111)

功能需求：当前 url 链接通过js实现动态新增/修改/删除来改变当前的参数。 1、新增url参数方法 function changeURLArg(url,arg,arg_val){ var pattern=arg+=([^]*); var replaceText=arg+=+arg_val; if(url.match(pattern)){ var tmp=/(+ arg+=)([^]*)/gi; tmp=url.replace(eval(tmp),replaceText); return tmp; }else{ if(url.match([\?])){ return url++replaceText; }else{ return url+?+replaceText; } }}//调用方法var url = window.location.href; var link = changeURLArg(url, tags, 中国

js从指定数组中删除另一个数组中存在的元素并输出

2022年07月07日浏览(202)

功能需求：有2个数组，删除arr1数组中存在arr2中的某个元素。 let arr1 = [{ id: 1, name:张三 }, { id: 2, name:李四 }, { id: 3, name:王五 }, { id: 4, name:马六 }];let arr2 = [{ id: 1, name:李四 }, { id: 2, name:王五 }];//如果arr2中存在某个arr指定的元素元素，从arr1中删除let newArray = arr1.filter((item1) = !arr2.some((item2) = item1.name === item2.name));console.log(输出结果, newArray)//0: {id: 1, name: 张三}//1: {id: 4, name: 马六}

js去除日期时间的T和毫秒的代码介绍

2022年07月07日浏览(109)

//时间格式：2022-07-07T06:12:32.45function formatdate(dateTime) { if (!dateTime typeof dateTime !== number) { return ; } var localTime = ; dateTime = new Date(dateTime).getTime(); const offset = (new Date()).getTimezoneOffset(); localTime = (new Date(dateTime - offset * 60000)).toISOString(); localTime = localTime.substr(0, localTime.lastIndexOf(.)); localTime = localTime.replace(T, ); return localTime;}//输出结果：2022-07-07 06:12:32

js删除多维数组指定参数名

2022年07月06日浏览(77)

var arr = [{id: 1,name: 小米,type: cn},{id: 2,name: 小明,type: us},{id: 3,name: 小天,type: ol}]//删除for(var i=0; iarr.length; i++){delete arr[i].type}//输出console.log(arr)

前端html调用国密算法sm加密介绍及sm-crypto.js下载

2022年07月04日浏览(173)

国密sm算法的分类说明： sm1：为对称加密。其加密强度与AES相当,该算法不公开。 sm2：为非对称加密，基于ECC,该算法已公开,故其签名速度与秘钥生成速度都快于RSA。ECC 256位（SM2采用的就是ECC 256位的一种）安全强度比RSA 2048位高，但运算速度快于RSA。 sm3：消息摘要。可以用MD5作为对比理解。该算法已公开。校验结果为256位。 sm4：无线局域网标准的分组数据算法。对称加密，密钥

js动态赋值title及各种meta标签

2022年07月04日浏览(136)

做的网站不是静态页面，所有的数据都是通过 ajax 读取的，那么 title ， keywords ， description 。 1、给title赋值 document.getElementById(title).innerHTML = web建站教程Title 2、给meta赋值 var meta = document.getElementsByTagName(meta);meta[keywords].setAttribute(content,web建站教程Keywords)meta[description].setAttribute(content,web建站教程Description)

js判断JSON.parse解析是否失败

2022年07月01日浏览(185)

对JSON.parse解析失败如何做判断，可以通过 try 、 catch 来执行。代码如下： try {let obj = JSON.parse(this.$route.query.obj);}catch (err) {this.$message.error(解析失败！);}

console.log报Uncaught TypeError: Assignment to constant varia

2022年06月20日浏览(172)

console.log报错，出现Uncaught TypeError: Assignment to constant variable.是什么原因？看一下代码中是否用 const 定义变量解决方法：把 const 改成 let ，或 var

js把一个数组根据相同名字合并成到子数组里

2022年06月17日浏览(153)

let arr = [ {date: 2022-06-06, name:张三, age: 18}, {date: 2022-06-06, name:李四, age: 25}, {date: 2022-06-07, name:王五, age: 34}, {date: 2022-06-07, name:张三, age: 18}, {date: 2022-06-07, name:小明, age: 38}, {date: 2022-06-08, name:王五, age: 34}, {date: 2022-06-09, name:小白, age: 24}] //方法let dataArr = [];arr.map(items = { if (dataArr.length == 0) { dataArr.push({ name: items.name, list: [items] }) } else { let res = dataArr.some(item= {//判断相同名字，有就添加到

js数组中将有父子关系的平行数组转换成树形数据

2022年06月17日浏览(173)

let data = [{id: 1, text: 清北, parentId: 0},{id: 2, text: 浙京, parentId: 2},{id: 3, text: 浙京, parentId: 1},{id: 4, text: 浙京, parentId: 3},{id: 5, text: 清北, parentId: 1},{id: 6, text: 浙京, parentId: 0},];data.forEach(ele = { let parentId = ele.parentId; if (parentId === 0) { //parentId===0是根路径 } else { //其它的扔到根路径child下面数组中. data.forEach(d = { if (d.id === parentId) { let childArray = d.child; if (!childArray) { childArray = [] } childArray.pu

js多个数组交叉合并

2022年06月17日浏览(153)

var arr1 = [{userId: 1, name:清北},{userId: 2, name:浙京}]var arr2 = [{role: 1, group: 3},{role: 1, group: 2}]//输出结果console.log(arr2.map(z=arr1.map(x=({...x, ...z}))).flat())//0: {userId: 1, name: 清北, role: 1, group: 3}//1: {userId: 2, name: 浙京, role: 1, group: 3}//2: {userId: 1, name: 清北, role: 1, group: 2}//3: {userId: 2, name: 浙京, role: 1, group: 2}

js方法reverse()让数组倒序

2022年06月17日浏览(84)

var arr = [ { name: 本年检查量, value: 6981405, unit: 次, }, { name: 本月检查量, value: 741196, unit: 次, }, { name: 本周检查量, value: 229306, unit: 次, }, { name: 本日检查量, value: 13774, unit: 次, }] //方法arr.reverse()//输出结果//0: {name: 本日检查量, value: 13774, unit: 次}//1: {name: 本周检查量, value: 229306, unit: 次}//2: {name: 本月检查量, value: 741196, unit: 次}//3: {name: 本年检查量, value: 6981405, unit: 次}

3

常用标签

猜你喜欢