最终效果： 实现方法：// 使用js中Array类型的原生方法sort与String类型的原生方法localeCompare实现afterSortDataList = beforeSortDataList.sort(function (a, b) {return a.name.localeCompare(b.name, ‘zh-CN‘, { numeric: true });}) 关于localeCompare方法的详细使用方式，可以前往下面的地址查阅https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String/localeCompare原文：https://ww...
js发送短信倒计时<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <meta charset="utf-8"> <head> <script src="http://wmall.bcjishu.com/static/js/libs/jquery-2.1.4.min.js" type="text/javascript"></script> <script type="text/javascript">var InterValObj; //timer变量，控制时间 var count =...
转载来源：https://www.cnblogs.com/yunshangwuyou/p/10539090.html方法一：array.indexOf(item,start)：元素在数组中的位置,如果没与搜索到则返回 -1。 参数描述item必须。查找的元素。start可选的整数参数。规定在数组中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的首字符开始检索。 实际用法：if(arr.indexOf(某元素) > -1){//则包含该元素} var fruits = ["Banana", "Orange",...
js判断汉字字数的东东 //**************************************************************** //* 名 称：DataLength //* 功 能：计算数据的长度 //* 入口参数：fData：需要计算的数据 //* 出口参数：返回fData的长度(Unicode长度为2，非Unicode长度为1) //***************************************************************** function DataLength(fData) { var intLength=0 for (var i=0;i<fData.length;i++) { if (...
注意：以下样式都是只读的 元素.clientHeight - 元素的可见高度，指元素的内容区和内边距的高度 元素.clientWidth - 元素的可见宽度，指元素的内容区和内边距的宽度 元素.offsetHeight - 整个元素的高度，包括内容区、内边距、边框 元素.offfsetWidth - 整个元素的宽度，包括内容区、内边距、边框 元素.offsetParent - 当前元素的...
在javascritp中，有两个关于定时器的专用函数，分别为：1.倒计定时器：timename=setTimeout("function();",delaytime);2.循环定时器：timename=setInterval("function();",delaytime);更多参考鸣谢：http://www.jb51.net/article/45215.htm原文：http://www.cnblogs.com/ckxlovejava/p/7390755.html
示例代码： 1<html> 2<head> 3<title>example</title> 4</head> 5<body> 6<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> 7 8<script type="text/javascript" src="http://jeromeetienne.github.io/jquery-qrcode/src/jquery.qrcode.js"></script> 9<script type="text/javascript" src="http://jeromeetienne.github.io/jquery-qrcode/src/qrcode.js"></script>1011<p>Render in tab...
依赖于JQuery总提上来说这个东西还是蛮简单的，只需要给予一个父级标签，一个提供生成的地方。接下来就简单的说一下，首先你需要下载extend.Page.js，然后声明PageTool类就好了，说一下声明参数，这里换一行说明更方便看。"new PageTool(标签选择器，模态样式，点击事件回调，是否优先回调)"，然后xxx.start(0);初始化一下。标签选择器：就是jquery的标签选择器模态样式：目前只有0或者1 ，如果有更好的方法，可以加微信公众号给我...
我们日常开发中，会遇到js的键盘操作，例如回车提交表单之类的。或者按下某个键执行某个方法。无意中发现一个大小不到4K的js文件，它非常方便的操作键盘事件。自己也尝试了一下：具体代码如下：详情可以去其逛网查看其API并下载，地址：http://craig.is/killing/mice<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3...
封装运动框架 1function getStyle(obj,name){2if(obj.currentStyle){3return obj.currentStyle[name];4 }else{5return getComputedStyle(obj,false)[name];6 }7}8function move(obj,json,options){9var options=options || {}; 10var duration=options.duration || 800; 11var easing=options.easing || ‘linear‘; 12var n=0; 13var start={}; 14var dis={}; 15var count=Math.ceil(duration/30); 16//{top:0,left:0}17fo...
一.mousedown、mousemove和mouseup 拖着目标元素在页面任意位置如果要设置物体拖拽，那么必须使用三个事件，并且这三个事件的使用顺序不能颠倒。1.onmousedown：鼠标按下事件2.onmousemove：鼠标移动事件3.onmouseup：鼠标抬起事件重点：1、一定要绝对定位，脱离文档流才可以移动。2、绑定拖拽的元素，移动和鼠标松开后是对document的绑定，因为移动的是整个div。3、点击：a= 获取当前鼠标坐标、b =div距浏览器距离、c = 鼠标在di...
-->目录导航一、 JavaScript 1. js介绍 2. js语法 3. js进阶 4. js高级 5. 事例代码下载一、 JavaScript做BS系统，JavaScript的使用是少不了的；本文就带你快速回顾一下JavaScript的基本知识，看看哪些基础知识是你所遗漏的1. js介绍① js是一种基于对象和事件的脚本语言，使用浏览器来执行。② js是解释型语言，无需编译就可随时运行。③ 安全性：不允许访问本地硬盘；跨平台：有支持js的浏览器即可。④ 在网页中编...
new Function与eval可以动态执行JS，只要把拼接好的JS方法，然后以字符串的形式传入到这两个函数，可以执行，其中new Function用在模板引擎比较多。参考：http://www.jb51.net/article/35642.htm原文：http://www.cnblogs.com/EasonJim/p/6228027.html
事件源对象event.srcElement.tagNameevent.srcElement.type捕获释放event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键event.keyCodeevent.shiftKeyevent.altKeyevent.ctrlKey事件返回值event.returnValue鼠标位置event.xevent.y窗体活动元素document.activeElement绑定事件document.captureEvents(Event.KEYDOWN);访问窗体元素document.all("txt").focus();document.all("txt").select();窗体命令docu...
用eclipse导入一个springboot项目时，html页面引入js以及css时出现如下图所示情况，html页面用了 thymeleaf模板引擎。另外js文件与css文件路径也是正确无误的。 原来其实很简单就可以解决：eclipse：Window—>Preferences—>Validation—>Web Resources Validator将Web Resources Validator勾选掉，然后Apply就可以了。 原文：https://www.cnblogs.com/lkwtt/p/10779360.html