JavaScript的小工具

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

提示：这里可以添加本文要记录的大概内容：
例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、JavaScript字符串截取

1、截取URL

（1）JS获取URL中最后一个斜杠前面的内容

var url = window.location.href; //要切割的链接
var index = url.lastIndexOf("\/");
str = url.substring(0,index+1);
console.log(str);

（2）JS获取URL中最后一个斜杠后面的内容

var url = window.location.href;
var index = url.lastIndexOf("\/");
str = url.substring(index + 1,url.length);
console.log(str);

二、VUE | router动态传参

1.传参一

在router路由配置中

{
      path: '/article/:id',
      name: 'Article',
      component: Article,
 }

在列表页中点击事件

handleClick(id){
   this.$router.push(`/article/${id}`) ;
 }

在详情页中使用params获取

mounted() {
   console.log(this.$route.params.id);
}

2.传参二

在router路由配置中

{
      path: '/article',
      name: 'Article',
      component: Article,
 }

在列表页中点击事件

handleClick(id){
   this.$router.push({
     name: 'Article',
     params: {
         id: id
     }
   })
 }

在详情页中使用params获取

mounted() {
   console.log(this.$route.params.id);
}

3.传参三

在router路由配置中

{
      path: '/article',
      name: 'Article',
      component: Article,
 }

在列表页中点击事件

handleClick(id){
   this.$router.push({
     path: '/article',
     query: {
        id: id
     }
   })
 }

在详情页中使用params获取

mounted() {
   console.log(this.$route.query.id);
}

三、JavaScript判断类型

1、判断指定的内容是否为空

判断指定的内容是否为空，若为空则弹出 警告框

function isEmpty(theValue, strMsg){
	if(theValue==""){
		alert(strMsg+"不能为空!");
		return true;
	}
	return false;
}

2、判断指定的内容是否为空

中文判断函数，允许生僻字用英文“*”代替
返回true表示是符合条件，返回false表示不符合

function isEmpty(theValue, strMsg){
	if(theValue==""){
		alert(strMsg+"不能为空!");
		return true;
	}
	return false;
}

2、判断指定的内容是否为空

中文判断函数，允许生僻字用英文“*”代替，返回true表示是符合条件，返回false表示不符合

function isChinese(str){
	var badChar ="ABCDEFGHIJKLMNOPQRSTUVWXYZ";
	badChar += "abcdefghijklmnopqrstuvwxyz";
	badChar += "0123456789";
	badChar += " "+"　";//半角与全角空格
	badChar += "www.jb51.net不包含*或.的英文符号
	if(""==str){
		return false;
	}
	for(var i=0;i var c = str.charAt(i);//字符串str中的字符
		if(badChar.indexOf(c) > -1){
		return false;
		}
	}
	return true;
}

3、数字判断函数

数字判断函数，返回true表示是全部数字，返回false表示不全部是数字

function isNumber(str){
	if(""==str){
		return false;
	}
	var reg = /\D/;
	return str.match(reg)==null;
}

4、判断给定的字符串是否为指定长度的数字

判断给定的字符串是否为指定长度的数字，是返回true，不是返回false

function isNumber_Ex(str,len){
	if(""==str){
		return false;
	}
	if(str.length!=len){
		return false;
	}
	if(!isNumber(str)){
		return false;
	}
	return true;
}

5、money判断函数

money判断函数，允许第一位为"-"来表示欠钱，返回true表示格式正确，返回false表示格式错误

function isMoney(str){
	if(""==str){
		return false;
	}
	for(var i=0;i var c = str.charAt(i);
		if(i==0){
			if(c!="-"&&(c<"0"||c>"9")){
				return false;
			}else if(c=="-"&&str.length==1){
				return false;
			}
		}else if(c < "0" || c > "9"){
			return false;
		}
	}
	return true;
}

6、英文判断函数

英文判断函数，返回true表示是全部英文，返回false表示不全部是英文

function isLetter(str){
	if(""==str){
		return false;
	}
	for(var i=0;i var c = str.charAt(i);
		if((c<"a"||c>"z")&&(c<"A"||c>"Z")){
		return false;
		}
	}
	return true;
}

7、空格判断

空格判断，当包含有空格返回false，当不包含一个空格返回true，""不能被判断

function notInSpace(str){
	if(""==str){
		return false;
	}
	var badChar =" ";
	badChar += "　";
	for(var i=0;i var c = str.charAt(i);//字符串str中的字符
		if(badChar.indexOf(c) > -1){
		return false;
		}
	}
	return true;
}

7、**号判断函数

号判断函数，返回true表示是号，返回false表示不符合规范

function isFPH(str){
	if(""==str){
		return false;
	}
	for(var i=0;i var c = str.charAt(i);
		if((c < "0" || c > "9") && (c!="-")&&(c!=",")){
		return false;
		}
	}
	return true;
}

链接: link.