
JavaScript
JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格。
旭东怪
这个作者很懒,什么都没留下…
展开
-
启动vue项目(包括安装Node.js)
1 下载Node.js(1)进入node.js官网下载相应安装包:https://nodejs.org/en/原创 2021-06-05 11:05:05 · 1175 阅读 · 0 评论 -
Vue Uncaught (in promise) Error: Request failed with status code 404报错解决
问题描述:Uncaught (in promise) Error: Request failed with status code 404问题分析:1、若依RuoYi框架的前台配置的后台端口和实际上后台的端口不一致。解决办法:找到vue.config.js文件,将target属性配置为实际上的后台地址。 devServer: { host: '0.0.0.0', port: port, open: true, proxy: { // det原创 2021-01-19 16:35:47 · 7043 阅读 · 4 评论 -
JS 使用escape()和unescape()实现对中文进行编码和解码
1 escape()实现对中文进行编码。var str=escape("你好");//%u4F60%u597D2unescape()实现对中文进行解码var str=unescape("%u4F60%u597D");//你好原创 2021-01-15 19:20:25 · 1334 阅读 · 0 评论 -
JS Uncaught SyntaxError: missing ) after argument list问题解决
问题描述:UncaughtSyntaxError:missing)afterargumentlist问题分析:1、给元素添加onclick属性时,使用了三层引号嵌套,但是引号嵌套顺序不对。$("#endTime").attr("onclick", "WdatePicker({ dateFmt: 'yyyy-MM', maxDate: '%y-%M', minDate: '#F{$dp.$D(\"startTime\")}' })");解决办法:应该是单引号-双引号-单引号的...原创 2021-01-14 21:05:59 · 2223 阅读 · 1 评论 -
JS Uncaught SyntaxError: Invalid or unexpected token问题解决
问题描述:UncaughtSyntaxError:Invalidorunexpectedtoken问题分析:1、使用WdatePicker组件的同时使用了四层引号进行嵌套,但是JS里面不支持四层引号。$("#dateTime").html('<input type="text" id="endTime" onclick="WdatePicker({ dateFmt: \'yyyy-MM\', maxDate: \'%y-%M\', minDate: \'#F{$dp.$D(...原创 2021-01-13 19:45:10 · 8405 阅读 · 0 评论 -
JS Uncaught SyntaxError: Unexpected identifier问题解决
问题描述:Uncaught SyntaxError: Unexpected identifier问题分析:1、使用三层引号嵌套时,第二层引号和第三层引号相同。$("#test").html('<input type="button" value="按钮" onclick="alert("123a")"/>');解决办法:将第三层引号和第一层引号一致,并且第三层引号加上反斜杠/用来转义。$("#test").html('<input type="button" v原创 2021-01-13 19:35:33 · 4391 阅读 · 0 评论 -
JS Uncaught TypeError: Cannot read property ‘msie‘ of undefined问题解决
1 问题描述Uncaught TypeError: Cannot read property 'msie' of undefined2 问题分析$.browser.msie从jQuery1.9开始就被移除了。解决办法:(1)将jQuery版本恢复到1.9之前。(2)Query团队推出了的一个插件jQuery Migrate,自动恢复那些在最新版本里之后被废弃的API,从而让已有的js代码无须改动就能和最新的jQuery库一起正常运行。在引用的jquery文件后引用Migrate文件即原创 2021-01-10 20:44:50 · 2242 阅读 · 0 评论 -
JS 往json数据里面添加、修改、删除属性
1 往json数据里面添加属性var json={};json.a1="1";json[a2]="2";2 往json数据里面修改属性var json={ "a1":"1", "a2":"2:};json.a1="12";json[a2]="22";3 往json数据里面删除属性var json={ "a1":"1", "a2":"2:};delete json.a1;delete json[a2];...原创 2021-01-10 20:36:26 · 5218 阅读 · 1 评论 -
JS JSLINQ使用(OrderBy,OrderByDescending,Where,Distinct,Select)
1OrderBy升序排序JSLINQ(DataList).OrderBy(function (x) { return x.Month });2OrderByDescending降序排序JSLINQ(DataList).OrderByDescending(function (x) { return x.Month });3Where筛选JSLINQ(DataList).Where(function (x) { return x.Month=="8" }).ToAr...原创 2021-01-07 19:09:39 · 2038 阅读 · 0 评论 -
JS Uncaught SyntaxError: Unexpected token ‘:‘问题解决
问题描述:Uncaught SyntaxError: Unexpected token ':'问题分析:1、eval()方法将字符串转换成json对象时,字符串格式不对。错误示例:var strJson1="{\"name\":\"123\"}";var json1=eval(strJson1);解决办法:(1)将字符串格式变为"[{\"name\":\"123\"}]"。(2)将eval(data)这种使用方法变为eval("("+data+")")。注:有关eva原创 2021-01-03 20:09:17 · 20001 阅读 · 0 评论 -
JS eval(data)和eval(“(“+data+“)“)的使用区别
1 eval(data)eval(data)只支持将格式为"[{\"name\":\"123\"}]"的字符串转换为json对象。var strJson2="[{\"name\":\"123\"}]";var json2=eval(strJson2);调试结果:2 eval("("+data+")")eval("("+data+")")支持"{\"name\":\"123\"}"和"[{\"name\":\"123\"}]"两种格式的字符串转换为json对象。var str原创 2021-01-03 20:01:21 · 2428 阅读 · 0 评论 -
JS Uncaught SyntaxError: Unexpected token < in JSON at position 问题解决
问题描述:Uncaught SyntaxError: Unexpected token < in JSON at position 4问题分析:1、ajax请求的地址不存在,所以后台返回的字符串为当前页面的HTML代码,使用eval()将字符串转换成json时出错。原创 2021-01-01 12:34:58 · 5947 阅读 · 0 评论 -
JS Uncaught TypeError: Cannot read property ‘getAttribute‘ of null问题解决
问题描述:UncaughtTypeError:Cannotreadproperty'getAttribute'ofnull问题分析:1、使用ECharts组件进行初始化echarts实例时,没有获取到id为main标签元素。echarts.init(document.getElementById('main'));原创 2020-12-29 20:55:08 · 6802 阅读 · 0 评论 -
JS Uncaught DOMException: Blocked a frame with origin “XXX“ from accessing a cross-origin frame问题解决
问题描述:UncaughtDOMException:Blockedaframewithorigin"http://localhost:46819"fromaccessingacross-originframe.问题分析:1、由于页面中子iframe嵌套了其他网站的页面,导致了跨域问题,无法获取子iframe的元素和方法。...原创 2020-12-18 19:26:11 · 11566 阅读 · 5 评论 -
JS 实现图片验证码功能
1 HTML代码 <div style="margin: 0px auto 20px auto;width: 240px;"> <input type="text" id="verify" style="margin: 10px 0px;width: 100px;height:26px;margin-left:5px;display: inline-block;float: left;"> <canvas width="100" height="34" .原创 2020-11-02 21:36:39 · 1875 阅读 · 0 评论 -
JS Uncaught TypeError: Cannot read property ‘indexOf‘ of null问题解决
问题描述:Uncaught TypeError: Cannot read property 'indexOf' of null问题分析:使用indexOf()的变量为null。问题解决:1、使用indexOf()之前,先判断使用indexOf()的变量是否为null。var str=null;if(str!=null&&str.indexOf("1")>-1){ alert("包含1");}2、检查使用indexOf()的变量为什么会为null原创 2020-10-21 10:56:10 · 16126 阅读 · 1 评论 -
JS Uncaught SyntaxError: Invalid shorthand property initializer问题解决
问题描述:Uncaught SyntaxError: Invalid shorthand property initializer问题分析:以上报错一般会出现在给json对象的属性赋值时。问题解决:将 ':' 号写成 '=' 号了。错误代码:var data={ name="一", value:12}正确代码:var data={ name:"一", value:12}...原创 2020-10-19 19:35:20 · 2224 阅读 · 0 评论 -
JS 在iframe子页面中调用和获取iframe父页面的方法和元素,以及在firame父页面中调用和获取iframe子页面的方法和元素
1、在子iframe中调用父窗口的方法test()是父窗口中的方法。window.parent.test();2、在子iframe中获取父窗口的元素test是父窗口中的元素。$("#test",window.parent.document).val();$("#test",parent.document).val();...原创 2020-09-19 12:04:10 · 8264 阅读 · 0 评论 -
JS 使用replace只替换第一个不会替换全部问题解决
问题描述:var str="1,2,3";str=str.replace(",","*");//'1*2,3'使用replace()想将"1,2,3"所有里面所有的','替换为'*',只替换一次。问题分析:replace()在字符替换的情况下,只会替换一次。问题解决:1、使用正则替换...原创 2020-09-27 18:58:46 · 10825 阅读 · 3 评论 -
JS RegExp正则表达式使用详解
1 正则表达式正则表达式(Regular Expression,在代码中常简写为regex、regexp或RE)使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。语法:/正则表达式主体/修饰符(可选)其中修饰符是可选的。2修饰符修饰符可以在全局搜索中不区分大小写。(1)i,执行对大小写不敏感的匹配。(2)g,执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。(3)m,行多行匹配。3表达式括号用于查找某个范围内的字符。(1)[abc],查找..原创 2020-10-21 15:03:00 · 10094 阅读 · 1 评论 -
JS 获取asp:DropDownList下拉框控件的值
维护公司一个运行三四年的老项目,发现有一个页面是使用asp:DropDownList控件来实现下拉框的,这种使用asp控件的实现思路都是在cs文件中绑定和获取下拉框的数据,但是我们需要在js中获取asp:DropDownList选择的数据。本来最好的办法是用JS重写整个页面,但是重写整个页面工作量太大了,所有从网上找到了一个折中的办法,在js中获取获取asp:DropDownList选择的数据。1、aspx页面<asp:DropDownList ID="dropDownLis...原创 2020-09-25 09:57:11 · 1375 阅读 · 0 评论 -
js 使用setInterval()实现实时刷新
1 使用详解(1)setInterval()说明:可按照指定的周期(以毫秒计)来调用函数或计算表达式。语法:window.setInterval(code,millisec);参数:code,要调用的函数或要执行的代码串。millisec,周期性执行或调用 code 之间的时间间隔,以毫秒计。返回值:一个可以传递给 window.clearInterval() 从而取消对 code 的周期性执行的值。(2)clearInterval()说明:取消对 code 的周原创 2020-09-22 19:43:54 · 4050 阅读 · 1 评论 -
js 使用正则表达式判断字符串是否为浮点数、整数等数字
1、整数var regs=/^-?\d+$/;var num1='-1';var num2='1';var num3='1.';regs.test(num1);//trueregs.test(num2);//trueregs.test(num3);//false2、正整数var regs=/^\d+$/;var num1='-1';var num2='1';var num3='1.';regs.test(num1);//falseregs.test(num2);//tr原创 2020-09-18 19:00:30 · 8431 阅读 · 2 评论 -
JS 三层引号嵌套使用
1、第一层单引号,第二层双引号,第三层转义单引号$("#test").html('<input type="button" value="按钮" onclick="alert(\'123a\')"/>');2、第一层双引号,第二层单引号,第三层转义双引号$("#test").html("<input type='button' value='按钮' onclick='alert(\"123a\")'/>");注:(1)第三层转义引号要和第一层引号一致。例如,.原创 2020-09-15 21:12:49 · 3436 阅读 · 0 评论 -
JS SyntaxError: Unexpected identifier问题解决
问题描述:"WdatePicker({ dateFmt: 'yyyy-MM', maxDate: '%y-%M', minDate: '#F{$dp.$D(\'startTime\')}' })"原创 2020-09-15 21:18:54 · 11598 阅读 · 1 评论 -
JS 数组合并的3种方法(concat(),push(),push.apply())
1 concat()原创 2020-09-07 19:49:38 · 9918 阅读 · 2 评论 -
js 数组方法和属性(添加元素、删除元素、获取元素索引、元素拼接、数组合并)
1数组属性1.1length说明:数组长度。实例:var arr=[1,2];alert(arr.length);//22数组方法2.1 push()说明:数组的末尾添加新的元素,一次可添加一个或多个元素。格式:push(va1,...);实例:var arr=[1,2];arr.pusth(3);//添加一个元素alert(arr.length);//3arr.pusth(4,5);//添加多个元素alert(arr.length);//52...原创 2020-08-25 16:26:03 · 667 阅读 · 0 评论 -
js 实现日期按月份加减
1 月份加减方法(公共方法)//月份加减function addMonths(yearMonthDay,monthNum){ var arr=yearMonthDay.split('-');//2020-08-19或2020-08 var year=parseInt(arr[0]); var month=parseInt(arr[1]); month=month+monthNum; if(month>12){//月份加 var yearN原创 2020-08-19 19:59:43 · 7475 阅读 · 5 评论 -
js 页面跳转两种方式(原页面跳转,打开新标签页)
1 页面跳转(原页面跳转)(1)a标签实现<a href="https://blog.csdn.net/qq_38974638">旭东怪的博客</a>(2)window.location.href实现window.location.href="https://blog.csdn.net/qq_38974638";原创 2020-08-19 18:37:30 · 33151 阅读 · 0 评论 -
js 字符串转换成数字两种情况(字符串为纯数字字符、数字字符加非数字字符)
1、字符串为纯数字字符(1)直接进行算术运算,除加法运算以外var strNum="123";var num1=strNum-1;var num2=strNum*1;var num3=strNum/1;(2)parseInt()parseInt()只能转换字符串。var strNum="123";var num1=parseInt(strNum);(3)Number()Number()强制转换成数字类型。var strNum="123";var num1=N.原创 2020-08-19 11:41:20 · 1289 阅读 · 3 评论 -
js 判断字符串为空和不为空(两种方法)
1 判断字符串为空(1)第一种方法var test="";if(test==""||test==null||test==undefined){ alert("为空");}(2)第二种方法var test="";if(!test){ alert("为空");}2 判断字符串不为空(1)第一种方法var test="";if(test==""||test==null||test==undefined){ alert("为空");}.原创 2020-08-18 14:54:57 · 74584 阅读 · 6 评论 -
js cookie超过最大长度时的解决办法
1 问题描述 旭东在工作中碰到了一个这样的问题,当我往cookie里面存储超过4KB的数据时,会存不进cookie。然后我上网查了一下,发现单条cookie记录能够存储的最大数据量为4KB左右,超过就有存不进cookie。但是业务需要我们往cookie里面存这么多的数据,那我们怎么解决这个问题呢。2 问题解决 接下来旭东给大家介绍两个小家伙localStorage和sessionStorage,它们两个可以存储5MB的数据,但是需要以string类型存储,当然这也不是...原创 2020-08-13 21:47:54 · 6148 阅读 · 0 评论 -
js localStorage对象使用详解
localStorage说明:用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去删除,最多保存5M数据。1 属性1.1length说明:返回存储对象中包含多少条数据。示例:var len=0;if(!!localStorage){ len=localStorage.length;}2 方法2.1setItem()说明:添加键和值,如果对应的值存在,则更新该键对应的值,数据必须为string类型。格式:setItem(key,value)...原创 2020-08-13 18:42:26 · 2937 阅读 · 0 评论 -
js sessionStorage对象使用详解
sessionStorage说明:用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据,最多保存5M数据。1 setItem()说明:保存key/value数据,数据必须为string类型。格式:setItem(key,value);示例://保存string数据sessionStorage.setItem("key", "value");//保存json数据var json={ "1":"1" ,"2":"2"};session原创 2020-08-13 15:16:52 · 7084 阅读 · 0 评论 -
js Uncaught SyntaxError: Unexpected token , in JSON at position xxx at JSON.parse问题解决
问题描述:Uncaught SyntaxError: Unexpected token , in JSON at position 4100 at JSON.parseJSON.Parse()方法使用错误。问题解决:有以下几种情况:1、JSON.parse()方法参数不是string类型。解决办法:data = typeof data =='string'?JSON.parse(data):data;2、JSON.parse()方法参数不符合json格式。例如:d原创 2020-08-07 16:54:50 · 11570 阅读 · 0 评论 -
js 保留小数点位数
保留小数点位数//保留小数点位数function retainDecimalDigit(var value,var digitNum){ if (value != 0 && (value == "" || value == null || value == undefined)) { return ""; } return (value).toFixed(digitNum);}...原创 2020-07-23 11:01:16 · 424 阅读 · 0 评论 -
jQuery $.cookie()设置cookie在多个页面内都有效
$.cookie("username","123456");以上为原始设置cookie数据,会出现跨页面时,该cookie数据会不存在。cookie数据需要跨页面调用时需要在存储时改为以下代码:$.cookie("username","123456",{ path:"/" //cookie作用域,多个页面都有效});...原创 2020-07-21 15:30:51 · 1482 阅读 · 0 评论 -
js Date获取当前日期
var myDate = new Date();//获取当前年份(2位)myDate.getYear();//获取完整的年份(4位,1970-????) myDate.getFullYear(); //获取当前月份(0-11,0代表1月)var today=myDate.getMonth(); today+=1;//获取当前日(1-31)myDate.getDate(); //获取当前星期X(0-6,0代表星期天)var weekDay=.原创 2020-07-21 09:47:50 · 1455 阅读 · 0 评论 -
JS Learun 消息对话框
1、成功对话框(success)格式:learun.alert.success(msg);实例:learun.alert.success("成功");2、警告对话框(warning)格式:learun.alert.warning(msg);实例:learun.alert.warning("警告");3、错误对话框(error)格式:learun.alert.error(msg);实例:learun.alert.error("错误");...原创 2020-07-01 14:28:24 · 627 阅读 · 1 评论 -
js Math对象的round(),ceil(),floor()方法
1、Math.round()功能:四舍五入取整。语法:Math.round(x)参数: x:一个浮点数。返回值:与x最接近的整数。注:当出现两个最接近的整数,将返回最大的那个整数。示例:Math.round(1.3);//1Math.round(1.5);//2Math.round(1.7);//2Math.round(-1.3);//-1Math.round(-1.5);//-1Math.round(-1.7);//-22、Math.floo...原创 2020-06-24 17:06:23 · 1602 阅读 · 0 评论