<!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>
转载于:https://www.cnblogs.com/menyongkang/p/6526471.html
238
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
