js-web建站教程

IE8浏览器不兼容indexOf、forEach、map解决方法

2022年06月14日浏览(101)

1、 indexOf //不兼容if(codeArr.indexOf(code) == -1){ //TODO }//修改后if($.inArray(code,codeArr) == -1){ //TODO} 2、 forEach IE8浏览器不兼容forEach，把所有forEach改成for 3、 map ie8浏览器不兼容map，需要引入以下代码 if (!Array.prototype.map) { Array.prototype.map = function(callback, thisArg) { var T, A, k; if (this == null) { throw new TypeError( this is null or not defined); } var O = Object(this); var len = O.length 0; if (typeof callback !== function) { thro

js同数组去重

2022年06月14日浏览(183)

1、一维数组去重 var arr1 = [中国,美国,英国,中国,法国,美国]function unique(arr) { var newArr = []; for (var i = 0; i arr.length; i++) { if (newArr.indexOf(arr[i]) == -1) { newArr.push(arr[i]) } } return newArr;}console.log(输出结果, unique(arr1))//输出结果 (4)[中国, 美国, 英国, 法国] 2、多维数组去重 var arr2 = [{id:1,name:李白,age:23},{id:2,name:张三,age:25},{id:3,name:李白,age:23},{id:4,name:马武,age:23}]function noRepeat(arr, name) { for (var

js解决前端代码中因引号和空额冲突的解决方法

2022年06月13日浏览(125)

从接口中读取参数，需要加引号，但是因为空格的原因导出引号出错，代码如下： onclick=see(123,中国香港) 解决方法： //把所有空格替换掉str.replace(/\s+/g, nbsp;)//输出结果onclick=see(123,中国香港)

jquery调用ajax在ie10以下浏览器调用失败解决方案

2022年06月13日浏览(198)

最近做了一个项目，需要兼容ie9浏览器，但是ajax接口就是进不了success，每次都是走catch通道，切换到ie10就能成功执行，最后找到了解决方法！原因分析：针对拒绝访问是由于浏览器安全机制导致的。为点击IE浏览器的的工具-Internet 选项-安全-自定义级别将其他选项中的通过域访问数据源选中为启用或者提示，点击确定就可以了！上面的虽然可以，但是不太现实！！！解决办法

js获取链接?后面所有参数

2022年06月09日浏览(104)

function getRequest() {var url = location.search; //获取url中?符后的字串 var theRequest = new Object();if (url.indexOf(?) != -1) {var str = url.substr(1);strs = str.split();for (var i = 0; i strs.length; i++) {theRequest[strs[i].split(=)[0]] = unescape(strs[i].split(=)[1]);//解决中文参数问题theRequest[strs[i].split(=)[0]] = decodeURI(strs[i].split(=)[1]);}}return theRequest;}

JS如何实现console执行次数

2022年06月07日浏览(54)

代码如下： var getFunCallTimes = (function() { // 装饰器，在当前函数执行前先执行另一个函数 function decoratorBefore(fn, beforeFn) { return function() { var ret = beforeFn.apply(this, arguments) // 在前一个函数中判断，不需要执行当前函数 if (ret !== false) fn.apply(this, arguments) } } // 执行次数 var funTimes = {} // 给fun添加装饰器，fun执行前将进行计数累加 return function(fun, funName) { // 存储的key值 funName = funName || fun

当前页面错误，5秒钟自动关闭当前页面

2022年06月07日浏览(194)

!DOCTYPE htmlhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / meta name=apple-touch-fullscreen content=yes / meta name=apple-mobile-web-app-capable content=yes / meta name=apple-mobile-web-app-status-bar-style content=black / meta name=format-detection content=telephone=no / meta name=viewport content=width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0 / meta http-equiv=Cache-Control content=no-transform / meta http-equiv=Cache-Control content=no-si

js监听html页面大小改变+刷新兼容

2022年05月31日浏览(113)

// 监听页面窗口变化window.onresize = function() {resizeFresh()}var bodyWidth = window.innerWidth;function resizeFresh() {if (bodyWidth != window.innerWidth) {location.reload();}}

百度echarts地图修改默认底色

2022年05月27日浏览(80)

select id=mapStyle οnchange=changeMapStyle(this.value) option value=normal默认地图样式/option //系统默认 option value=light清新蓝风格/option //不需要第三方库 option value=dark黑夜风格/option //不需要第三方库 option value=redalert红色警戒风格/option option value=googlelite精简风格/option option value=grassgreen自然绿风格/option option value=midnight午夜蓝风格/option option value=pink浪漫粉风格/option option value=darkgreen青春绿风格/

js判断数组中是否有重复元素

2022年05月24日浏览(128)

var arr = new Array(CT,DX,XARY,DX); 方法一： function isRepeat(arr){ var hash = {}; for(var i in arr) { if(hash[arr[i]]) return true; hash[arr[i]] = true; } return false;}console.log(当前数组是否存在重复元素：+isRepeat(arr)); 方法一： var s = arr.join(,)+,;for(var i=0;iarr.length;i++) { if(s.replace(arr[i]+,,).indexOf(arr[i]+,)-1) { console.log(重复元素： + arr[i]); break; }} 方法三： var nary=arr.sort();for(var i=0;iarr.length;i++){ if (nary[i]==nary[i+1]){ console

js数字每三位加逗号代码封装

2022年05月23日浏览(179)

function toThousands(num) { var result = [ ], counter = 0; num = (num || 0).toString().split(); for (var i = num.length - 1; i = 0; i--) { counter++; result.unshift(num[i]); if (!(counter % 3) i != 0) { result.unshift(,); } } return result.join(); }//输出console.log(toThousands(9992019))//结果 9,992,019

jquery和js获取div标签的内容的几种写法

2022年05月20日浏览(56)

jquery写法： var content=$(#id);console.log(content.val()); //输出 (无值);console.log(content.text()); //输出我是div标签的内容;console.log(content.html()); //输出我是div标签的内容; js写法： var content=document.getElementById(content);console.log(innerText content= + content.innerText); console.log(innerHtml content= + content.innerHTML); //以上两条都能输出div标签的值我是div标签的内容；

jquery向input赋值有时会失效是什么原因

2022年05月10日浏览(98)

input type=text value= id=input 代码说明： $(#input).val(值);//上面这种写法不推荐，有时会失效，特别是他的父元素是dosplay:none时 $(#input).attr(value,值);//推荐使用attr写法document.getElementById(input).value=值;//js写法

js在对象中找出重复数据

2022年05月10日浏览(164)

var arr = 1,2,3,4,6,3,1,1,5,6,3,3,6,8,9,53,2arr = arr.split(,).sort();var newArr = []; // for (var i = 0; i arr.length;) { var count = 0; for (var j = i; j arr.length; j++) { if (arr[i] == arr[j]) { count++; } } newArr.push({ number: arr[i], count:count }); i += count}//遍历出重复数据var repeat = []for(var i = 0; i newArr.length; i++){ if(newArr[i].count 1){ repeat.push(newArr[i]) }}console.log(repeat,repeat)

jquery新增删除可编辑表格

2022年05月10日浏览(75)

1、表格html代码 table class=table table-bordered table-hover tr class=info td姓名/td td性别/td td年龄/td td电话/td td操作/td /tr tr td colspan=5 class=dangerbutton class=btn btn-primary btn-sm增加/button/td /tr /table 2、jquery代码 $(function(){ //获取本地存储数据，并且转换成对象 var arr = []; function getData(){ if(localStorage.tableList == undefined){ arr = []; }else{ arr = JSON.parse(localStorage.tableList); } return arr; } add() //把数据存到本地存储

js数字滚动效果

2022年05月10日浏览(202)

1、css代码 .scroll-nums {box-sizing:border-box;width:100%;height:200px;text-align:center;padding-top:50px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}.scrollNums,.scrollNums2 {width:100%;margin:25px;}.number-animate {line-height:45px;height:45px;font-size:40px;overflow:hidden;display:inline-block;position:relative;}.number-animate .number-animate-dot {width:21px;float:left;text-align:center;}.number-animate .number-animate-dom {width:27px;text-align:center;float:lef

纯js实现二级联动代码

2022年05月07日浏览(59)

1、html代码 select onchange=gradeChange() id=firstoption disabled= selected= value=请选择大类/option/selectselect id=secondoption disabled= selected= value=请选选择小类/option/select js代码 var firstData = ["家电", "图书", "医药"];var firstIds = ["123", "124", "125"];var secondData = [ ["电风扇", "电表箱", "洗衣机"], ["科幻小说", "雨果奖入选"], ["感冒", "减肥", "骨折"]];var data_arr_2id = [ ["A", "B", "C"], ["D", "E", "F"], ["G", "H", "I"]];function

js简单实现网站白天黑夜模式切换

2022年05月06日浏览(91)

方法很简单，只要加个黑色背景色，再加个透明度就可以了，代码如下： $("#mode").click(function(){ var s = $(this).html(); if (s=="夜间模式") { $('body').css("background-color","black"); $('body').css("opacity","0.7") $(this).html("白天模式"); }else{ $('body').css("background-color",""); $('body').css("opacity","") $(this).html("夜间模式"); }});

js找出数组中重复的元素和重复次数

2022年05月05日浏览(146)

let list = [{name:小明,tel:13088888888},{name:小李,tel:13088888899},{name:小金,tel:13088888877},{name:小明,tel:13088888888},{name:小天,tel:13088888855}] 先做排序 //中文排序function sortChinese(arr, dataLeven) { function getValue (option) { if (!dataLeven) return option var data = option dataLeven.split(.).filter(function (item) { data = data[item] }) return data + } arr.sort(function (item1, item2) { return getValue(item1).localeCompare(getValue(item2), zh-CN); })}sortChinese(l

js获取一个月时间(前30天/后30天/当天)

2022年04月29日浏览(146)

获取30天时间 function getMonthDays(nS) { var date = new Date(nS); //获取一个时间对象 let y = date.getFullYear(); // 获取完整的年份(4位,1970) let m = date.getMonth() + 1 10 ? 0 + (date.getMonth() + 1) : date.getMonth() + 1; // 获取月份(0-11,0代表1月,用的时候记得加上1) let d = date.getDate() 10 ? 0 + (date.getDate()) : date.getDate(); // 获取日(1-31) return y + - + m + - + d;}let time = 1610176741;getMonthDays(time * 1000)let list = [];for (var j = 0; j = 30;

4

常用标签

猜你喜欢