js-web建站教程

js对数组进行排序（升序和降序）

2021年02月01日浏览(0)

var list = [ { title: 数据一, date: 2021-02-01 16:27:55 }, { title: 数据二, date: 2021-01-31 16:27:55 }, { title: 数据三, date: 2021-01-30 16:27:55 }, { title: 数据四, date: 2021-01-28 16:27:55 }]//升序list.sort(function(a, b) { return b.createTime a.createTime ? 1 : -1})console.log(升序, list)//降序list.sort(function(a, b) { return b.createTime a.createTime ? -1 : 1})console.log(降序, list)

根据host或pathname判断是否禁掉当前a标签

2021年01月27日浏览(0)

//html代码 CMS代码测试链接一测试链接二 //js代码 function removeOutLink () { var allLink = document.querySelectorAll(a[href]) var len = allLink.length for (var i = 0 ; i len; i++) {var linkHost = allLink[i].pathname //文件名//var linkHost = allLink[i].host //域名if (isOutLink(linkHost)) { allLink[i].setAttribute(href, #)} }}// 判断是否是外链function isOutLink (host) { var inLinkArr = [/echarts/, location.href] //文件名 //var inLinkArr = [www.ipkd.cn,echarts.ipkd.c

排序：js根据数组中的对象属性值大小实现升序和

2021年01月25日浏览(2)

var data = [{ name: 鹿城区, value: 295443 }, { name: 瓯海区, value: 238643 }, { name: 永嘉县, value: 137432 }, { name: 龙湾区, value: 165998 }, { name: 洞头区, value: 270643 }, { name: 乐清市, value: 482876 }, { name: 瑞安市, value: 126311 }, { name: 泰顺县, value: 21120 }, { name: 平阳县, value: 213321 }, { name: 苍南县, value: 23210 }, { name: 文成县, value: 21120 }, { name: 龙港市, value: 245620 }];//升序let dataSort = data.sort(function(a,b){ return a.va

排序：js根据数组中的对象属性值大小实现升序和

2021年01月25日浏览(7)

var data = [{ name: 鹿城区, value: 295443 }, { name: 瓯海区, value: 238643 }, { name: 永嘉县, value: 137432 }, { name: 龙湾区, value: 165998 }, { name: 洞头区, value: 270643 }, { name: 乐清市, value: 482876 }, { name: 瑞安市, value: 126311 }, { name: 泰顺县, value: 21120 }, { name: 平阳县, value: 213321 }, { name: 苍南县, value: 23210 }, { name: 文成县, value: 21120 }, { name: 龙港市, value: 245620 }];//升序let dataSort = data.sort(function(a,b){ return a.va

HTML标签：contenteditable可以让任何标签都可编辑

2021年01月21日浏览(2)

定义和用法： contenteditable 属性指定元素内容是否可编辑。注意：当元素中没有设置 contenteditable 属性时，元素将从父元素继承。示例： p contenteditable=true这是一个可编辑段落。/p 不管是p标签还是div，h，dl，li标签，只要拥有contenteditable=true，都可以编辑

JS判断当前时间是否在某个区间之内

2021年01月19日浏览(3)

function isDuringDate(beginDateStr, endDateStr) { var curDate = new Date(), beginDate = new Date(beginDateStr), endDate = new Date(endDateStr); if (curDate = beginDate curDate = endDate) { return true; } return false;}isDuringDate(2018/09/17, 2021/09/17);

sql语句：删除数据库中重复的数据只保留一条

2021年01月19日浏览(1)

//先查看数据库中重复的数据（有三个地方需要注意：表名、关键词和ID，改成自己的） select 关键字,count(*) as count from 表名 group by 关键字 having count1; //网上找了很久，发现都是扯淡，基本都是没用的，后来找到了这个，测试了一下，发现可以用，所以就发布到网上备份一下！ DELETE FROM 表名 WHERE 关键字 IN (SELECT 关键字 FROM (SELECT 关键字 FROM 表名 GROUP BY 关键字 HAVING COUNT(关键字)1)

js简单获取今天、明天、后天、前天、昨天等时间

2021年01月14日浏览(1)

function getDateStr(addDayCount) { var dd = new Date(); dd.setDate(dd.getDate() + addDayCount); //获取AddDayCount天后的日期 var y = dd.getFullYear(); var m = dd.getMonth() + 1; //获取当前月份的日期 var d = dd.getDate(); return y + - + m + - + d;}document.write(前天： + getDateStr(-2));document.write(br /昨天： + getDateStr(-1));document.write(br /今天： + getDateStr(0));document.write(br /明天： + getDateStr(1));document.write(br /后天： + getDateStr(2));document.w

百度echarts：轻轻松松了解3d柱状图

2021年01月12日浏览(17)

1、html定义一个div，style设置大小 2、上干货，js代码如下： var dep = [A1, A2, A3, A4, A5, A6,A7,A8,A9];var year = [2021, 2020,2019];var data = [[0,0,50000],[0,1,10000],[0,2,20011],[0,3,6540],[0,4,654],[0,5,10],[0,6,510],[0,7,140],[0,8,130],[1,0,2227],[1,1,210],[1,2,0],[1,3,0],[1,4,0],[1,5,0],[2,0,1],[2,1,1],[2,2,0],[2,3,0],[2,4,0],[2,5,0]]var bar3d = echarts.init(document.getElementById(bar3d));var bar3dChart = { title: { text: 标题名称, top:14%, textStyle: { color: #fff,

百度echarts：3d柱状图根据数据多少显示不同颜色

2021年01月12日浏览(0)

在visualMap下面新增pieces和inRange属性 visualMap: {show: false,//数据区间pieces: [ { gte: 40000}, { gte: 5000, lte: 39999}, { gte: 500, lte: 4999}, { gte: 10, lte: 499}, { lte: 9} ],//根据区间定义颜色inRange: {color: [#74e9fd, #58b3f9, #468df7, #8d4bc9, #ea6661]}}, 这样就能看到自己想要的颜色了！

js获取数组最大值和最小值

2021年01月12日浏览(4)

var data = [1,55,77,44,12,130]Array.prototype.max = function(){ return Math.max.apply({},this) } Array.prototype.min = function(){ return Math.min.apply({},this) }console.log(最大值, data.max()) //输出130console.log(最小值, data.min()) //输出1

jquery封装ajax的方法，去掉冗余代码

2021年01月12日浏览(0)

1、封装ajaxfunction ajax(url, param, type) { return $.ajax({ url: url, data: param || {}, type: type || get headers: {sugar-token:sugarToken}, });}2、接口调用ajax(apiUrl + Check/Num).done(function(res) { // 失败成功}).fail(function(err) { // 失败回调});

百度echarts y轴数字单位转换（转千转万转亿）

2021年01月11日浏览(8)

其实方法很简单，只要在yAxis中axisLabel下面添加一下语句就可以了 yAxis: {axisLabel: {formatter: function (value, index) { if (value = 100000000) {return value / 100000000 + 亿; } else if (value = 10000000) {return value / 10000000 + 千万; } else if (value = 1000000) {return value / 1000000 + 百万; } else if (value = 100000) {return value / 100000 + 十万; } else if (value = 10000) {return value / 10000 + 万; } else if (value = 1000) {return value / 1000 + 千; } else

寻找出2个数组中相同的数据

2021年01月04日浏览(0)

//寻找出2个数组中相同的数据getArrEqual(arr1, arr2) { let newArr = []; for (let i = 0; i arr2.length; i++) { for (let j = 0; j arr1.length; j++) { if (arr1[j] === arr2[i]) { newArr.push(arr1[j]); } } } return newArr;},//hospitalNameArr数组一，hospitalList数组二console.log(getArrEqual(hospitalNameArr, hospitalList))

js判断是否全部是中文汉字

2020年12月30日浏览(8)

var str=中国汉字if (/^[\u4e00-\u9fa5]+$/i.test(str)) { console.log(都是汉字)}else{ console.log(不全是)}

js一个数组中是否包含另一个数组对象(2种方法

2020年12月30日浏览(8)

//两个数组对象中查看其中一个数组对象是否包含另一个数组对象中的值let arr = [ {key:1,val:张胜男}, {key:2,val:王五}, {key:3,val:李四}, {key:4,val:刘超}, {key:5,val:赵四}]let arr2 = [ {key:1,val:张胜男}, {key:2,val:王五}, {key:6,val:666}, {key:7,val:777}, {key:8,val:888}, {key:9,val:999},]方法一：//如果能找到就返回对应的下标，如果找不到，就返回-1for(let i=0;iarr.length;i++){ const Index = arr2.findIndex((item) = {return item.

js一个数组中是否包含另一个数组对象(2种方法

2020年12月30日浏览(2)

//两个数组对象中查看其中一个数组对象是否包含另一个数组对象中的值let arr = [ {key:1,val:张胜男}, {key:2,val:王五}, {key:3,val:李四}, {key:4,val:刘超}, {key:5,val:赵四}]let arr2 = [ {key:1,val:张胜男}, {key:2,val:王五}, {key:6,val:666}, {key:7,val:777}, {key:8,val:888}, {key:9,val:999},]方法一：//如果能找到就返回对应的下标，如果找不到，就返回-1for(let i=0;iarr.length;i++){ const Index = arr2.findIndex((item) = {return item.

原生JS最简单实现图片flash循环切换

2020年12月25日浏览(1)

HTML代码div div id=div1 style=display:block;img src=images/1.png //div div id=div2 style=display:none;img src=images/2.png //div div id=div3 style=display:none;img src=images/3.png //div div id=div4 style=display:none;img src=images/4.png //div div id=div5 style=display:none;img src=images/5.png //div div id=div6 style=display:none;img src=images/6.png //div div id=div7 style=display:none;img src=images/7.png //div/divJS代码var NowImg=1;//表示当前显示的divvar MaxImg=7;//表示div的个数

js把内容中包含不要文字/数字/字母都删掉

2020年12月21日浏览(0)

flrStr(str) { //如果第一个文字是无，删掉 return str.substr(0, 1) == 无 ? str.substr(1) : str;、 //如果文字中包含null删掉 return str == null ? : str;},

html标签target轻松实现点击链接在扩展屏上显示

2020年12月14日浏览(0)

方法一：html标签ul lia href=http://www.ipkd.com target=view_frame CMS代码网/a/li lia href=http://www.ipkd.cn/js/ target=view_framecms代码网1/a/li lia href=http://www.ipkd.cn/vuejs/ target=view_framecms代码网2/a/li/ul//重点在view_frame，需要跳到扩展屏的命名一样方法二：js调用window.open(www.ipkd.com,view_frame);

13

常用标签

猜你喜欢