web建站教程

  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. php入门
    nodejs
    mockjs
    mysql
    织梦cms
    帝国cms
    git教程
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;
阅读全文>>

常用标签