<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>常用方法集</title> <style> *{ margin: 0; padding: 0; } #star { margin: 20px auto; } #star li{ float: left; width: 20px; height: 20px; list-style: none; background: url("images/star.png") no-repeat; } a{ text-decoration:none;color:#000;} </style> <script src="js/jquery-3.1.0.min.js"></script></head><body><ul class="clearfix" id="star"> <li id="starLi1" data-value="1" ><a href="javascript:;"></a></li> <li id="starLi2" data-value="2" ><a href="javascript:;"></a></li> <li id="starLi3" data-value="3" ><a href="javascript:;"></a></li> <li id="starLi4" data-value="4" ><a href="javascript:;"></a></li> <li id="starLi5" data-value="5" ><a href="javascript:;"></a></li></ul><script> //js六大数据类型：number、string、object、Boolean、null、undefined /*判断number类型*/ function NumberType(nub){//返回Boolean值 return nub && typeof nub===‘number‘ && Number == nub.constructor; } /*判断string类型*/ function isString(str){//返回Boolean值 return str && typeof str===‘string‘ && String == str.constructor; } /*判断array类型*/ function isArray(arr){//返回Boolean值 return arr && typeof arr===‘object‘ && Array == arr.constructor; } function isArrayOk(o) {//返回Boolean值 return Object.prototype.toString.call(o) === ‘[object Array]‘; } /*判断object类型*/ function isObject(object){//严格{}//返回Boolean值 return object && typeof object===‘object‘ && Object == object.constructor; } //此方法解决了instanceof 的跨页面问题 ，也解决了属性检测方式所存在的问题， function isObjectOk(o) {//返回Boolean值 return Object.prototype.toString.call(o) === ‘[object Object]‘; } /*判断function类型*/ function isFunction(fn){ return fn && typeof fn===‘function‘ && Function == fn.constructor; } function isFunctionOk(fn){ return Object.prototype.toString.call(fn) === ‘[object Function]‘; } /*判断string类型*/ function isDate(date){ return Object.prototype.toString.call(date) === ‘[object Date]‘; } /*创建随机数*/ function setRandomFlow(max,min){//设置mia至min的浮点数，不含max return Math.random()*(max-min)+min; } /*创建随机数整数*/ function setRandomInt(max,min){//设置mia至min的整数，不含max return parseInt(Math.random()*(max-min)+min); } /*事件监听*/ function addEventListener(obj,oEv,fn){ if (obj.attachEvent){ obj.attachEvent(‘on‘+oEv,fn); }else { obj.addEventListener(oEv,fn,false); } } /*事件委托*/ function targetElement(oEv,elementLable,callback){ //element 为目标标签 var oEv = oEv || window.event; var target = oEv.target || oEv.srcElement; if(target.nodeName.toLocaleLowerCase() == elementLable){ callback(); } } /*获取URL内容 参数 值*/ function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null; } /*刷新页面*/ function refresh(){ window.location.reload();//刷新当前页面. //或者下方刷新方法 //parent.location.reload(); //刷新父亲对象（用于框架）--需在iframe框架内使用 //opener.location.reload(); //刷新父窗口对象（用于单开窗口 } /*获取 形式如2017-02-01 00:00:00 */ function getDateStr(date){ return date.substring(0, date.trim().indexOf(" ")); } /* 设置的Cookie值*/ function setCookie(cookieName,cookieValue,nDays){ /*当前日期*/ var today = new Date(); /*Cookie过期时间*/ var expire = new Date(); /*如果未设置nDays参数或者nDays为0，取默认值1*/ if(nDays == null || nDays == 0) nDays = 1; /*计算Cookie过期时间*/ expire.setTime(today.getTime() + 3600000 * 24 * nDays); /*设置Cookie值*/ document.cookie = cookieName + "=" + escape(cookieValue) + ";expires=" + expire.toGMTString(); } /* 读取指定的Cookie值*/ function readCookie(cookieName) { var theCookie = "" + document.cookie; var ind = theCookie.indexOf(cookieName); if(ind==-1 || cookieName=="") return ""; var ind1 = theCookie.indexOf(‘;‘,ind); if(ind1==-1) ind1 = theCookie.length; /*读取Cookie值*/ return unescape(theCookie.substring(ind+cookieName.length+1,ind1)); } /*手机号匹配*/ function isPhoneNo(phone) {//返回Boolean值 var pattern = /^1[34578]\d{9}$/; return pattern.test(phone); } /*判断字符串是否为数字*/ function isNotANumber(inputData) { //isNaN(inputData)不能判断空串或一个空格 //如果是一个空串或是一个空格，而isNaN是做为数字0进行处理的，而parseInt与parseFloat是返回一个错误消息，这个isNaN检查不严密而导致的。 if(parseFloat(inputData).toString() == "NaN") { alert("请输入数字……");//注掉，放到调用时，由调用者弹出提示。 return false; } else { return true; } } /*判断字符串是否为数字*/ function isNumber(val){//返回Boolean值 var pattern = /^[0-9]+.?[0-9]*$/; return pattern.test(val); } /*判断字符串是否正整数*/ function isNumberInt(val){//返回Boolean值 var pattern = /^[1-9]+[0-9]*]*$/; return pattern.test(val); } /*数组去重*/ Array.prototype.unique = function(){ var res = []; var json = {}; for(var i = 0; i < this.length; i++){ if(!json[this[i]]){//判断对象json中是否存在 该键值名称 res.push(this[i]); json[this[i]] = 1;//给对应的键值添加键值 } } return res; }; //var arr = [112,112,34,‘你好‘,112,112,34,‘你好‘,‘str‘,‘str1‘]; //alert(arr.unique()); /*冒泡排序*/ function bubbleSort(arr){ if(arr && typeof arr===‘object‘ && Array == arr.constructor){//判断输入参数类型 var i=arr.length,j; var tempExchangValue; while(i>0){ for (j=0;j<i-1;j++){ if(arr[i]>arr[j=1]){ tempExchangValue=arr[j]; arr[j]=arr[j+1]; arr[j+1]=tempExchangValue; } } i--; } return arr; } } /*五星评价*/ var selectServiceSatisfaction=5; $("#star").find("li").click(function () { var num = $(this).eq(0).attr("data-value");//获取当前对象的附加数据值 selectServiceSatisfaction = num; //将对应的 附加数据存储到全局变量中 for (var i = 1; i <= 5; i++) { if(num>=i){ $("#starLi"+i).css("background-position","0 -28px"); }else{ $("#starLi"+i).css("background-position","0 0px"); } } });</script></body></html>
时间： 2024-12-25 12:52:30