JavaScript02

最新推荐文章于 2022-07-27 12:08:41 发布
最新推荐文章于 2022-07-27 12:08:41 发布
阅读量153 收藏
点赞数
分类专栏： JavaWeb 文章标签： js javascript java html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44006686/article/details/116148273
版权

文章目录

JS的代码执行顺序

第一种方法:

<body onload="ready()">
		
		
		<script type="text/javascript">
			function ready(){
				var btn = document.getElementById("btn");
				btn.onclick = function(){
					alert("Hello js");
				}
			}
			
		</script>
		<input type = "button" value = "hello" id= "btn"/>
	</body>

换一种:

<body>
		<script type="text/javascript">
            //页面加载的过程中,将a函数注册给了load事件
            //界面加载完毕后,load事件发生了,此时执行回调函数a
			window.onload=function(){//这个回调函数叫做a
				var btn = document.getElementById("btn");
				btn.onclick = function(){//这个回调函数叫做b
					alert("Hello js");
				}
			}	
		</script>
		<input type = "button" value = "hello" id= "btn"/>
	</body>

JS代码设置节点的属性

一个节点中有的属性就可以.出来

键盘事件

keydown事件可以捕捉键盘操作

捕捉回车

键盘事件都有keycode属性

<script type="text/javascript">
			window.onload = function(){
				var usernameElt = document.getElementById("username");
				//回车键值是13
				//esc键的键值是27
				// usernameElt.onkeydown = function(a){
				// 	//获取键值 
				// 	//对于键盘事件对象来说,都有keycode属性用来获取键值
				// 	alert(a.keyCode);	
				// }
				usernameElt.onkeydown = function(a){
					if(a.keyCode === 13 ){
						alert("正在验证中");
					}
				}
			}
		</script>

JS中的void运算符

void运算符的语法:void(表达式)

运算原理:执行表达式,但不返回任何结果

<.a href=“javascript:void(0)” onclick = “window.alert(‘test code’)”></.a>

这行代码点击之后什么都不会跳转,如果不写这个javascript:,浏览器会当做路径来看

JS的控制语句

  1. if
  2. switch
  3. while
  4. do…while
  5. for循环
  6. break
  7. continue
  8. for…in语句(了解)
  9. with语句(了解)
//创建JS数组:
var arr = [false,true,1,2,"abc"]; //JS中数组类型没有限制
//遍历数组
for(vari = 2;i<arr.length;i++){
    
}
//for...in 了解	
for(var i in arr){
    alert(arr[i]);
}
//for...in语句可以遍历对象的属性
//with,相当于在前面自动添加u.
with(u){
    alert(username +"," +password);
}

JS三大块

  • ECMAScript:JS的核心语法

  • DOM:文档对象模型:对网页当中节点进行增删改的过程.HTML被当做一颗DOM树来看待

    var domObj = documeny.getElementById(“id”);

  • BOM:关闭浏览器窗口,打开一个新的浏览器窗口,后退,前进,浏览器地址栏上的地址等,都是BOM编程

DOM和BOM的区别和联系:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5kDv9qFU-1619408034026)(C:\Users\14505\AppData\Roaming\Typora\typora-user-images\image-20210423111131317.png)]

  • BOM的顶级对象是:window
  • DOM的顶级对象是:document

实际上BOM是包括DOM的

DOM编程

InnerHTML和innerText操作div和span

innerText和InnerHTML属性有什么区别?

相同点:都是设置元素内部的内容

不同点:

  • innerHTML会把后面的"字符串"当做一段HTML代码解释并执行
  • innerText即使后面是一段html代码,也只是将其当做普通的字符串来看待
<head>
		<meta charset="utf-8">
		<title></title>
		<style type = "text/css">
			#div1{
				background-color: aquamarine;
				width: 300px;
				height: 300px;
				border: 1px black solid;
				position: absolute;
				top: 6.25rem;
				left: 6.25rem;
			}
		</style>
	</head>
	<body>
		<script type= "text/javascript">
			window.οnlοad=function(){
				btn.onclick = function(){
					//设置div的内容
					//第一步:获取div对象
					var divElt = document.getElementById("div1");
					//第二部:使用innerHTML属性来设置元素内部的内容
					// divElt.innerHTML = "<font color ='red'>用户名不能为空</font>";
					divElt.innerText = "<font color = 'red'> 用户名不能为空</font>";
				}
			}
		</script>
		<input type="button" value ="设置div中的内容" id="btn" />
		<div id="div1">
			
		</div>
	</body>

正则表达式

  1. 什么是正则表达式?有什么用?

    正则表达式主要用在字符串格式匹配方面。

  2. 正则表达式其实是一门独立的学科，在java语言中支持，c语言也支持，JavaScript也支持，大部分编程语言都支持正则表达式。目前使用最多的是计算机编程领域，用作字符串格式匹配，包括搜索方面等。

  3. 正则表达式对于我们js编程来说，掌握哪些内容呢？

    第一：常见的正则表达式符号要认识

    第二：简单的正则表达式要能看懂

    第三：他人编写的正则表达式要能看懂

    第四：在JavaScript中，怎么创建正则表达式对象

    第五：在JavaScript当中，正则表达式对象有哪些方法？

    第六：能够快速的从网络上找到自己需要的正则表达式，并测试其有效性

  4. 常见的正则表达式符号：

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-30omGbBd-1619408034028)(C:\Users\14505\AppData\Roaming\Typora\typora-user-images\image-20210423144905679.png)]

    正则表达式当中的小括号（）优先级较高。

    [1-9] 表示1到9中的任意一个数字（次数是一次）

    [A-Za-z0-9]表示A-Za-z0-9中的任意一个字符

    [A-Za-z0-9-]表示A-Za-z0-9，-，中的任意一个字符

    |表示或者

  5. 简单的正则表达式：

     QQ号的正则表达式：^[1-9][0-9]{4,}$

  6. 怎么在JS中创建正则表达式对象？怎么调用正则白哦大师对象的方法？

    • 一：

      var regExp = /正则表达式/flags;

    • 二：使用内置支持类RegExp

      var regExp = new RegExp(“正则表达式”，”flags“);

    关于flags：

    g：全局匹配

    i：忽略大小写

    m:多行搜索（ES规范指定后才支持的）当前米那是正则表达式的时候，m不能使用，只有前面是普通字符串的时候，前面才能省略

正则表达式的test（）方法？

使用方法：true / false = 正则表达式对象.test（用户填写的字符串）；

true:字符串格式匹配成功

false：字符串格式匹配失败

正则表达式的使用

<body>
		<script type="text/javascript">
			window.onload = function(){
				document.getElementById("btn").onclick = function(){
					var email = document.getElementById("email").value;
					var emailRegExp = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
					var ok = emailRegExp.test(email);
					if(!ok){
						document.getElementById("emailError").innerText = "邮箱地址不合法";
					}else{
						document.getElementById("emailError").innerText = "√";
					}
				}
				//给文本框绑定focus
				document.getElementById("email").onfocus = function(){
					document.getElementById("emailError").innerText ="";
				}
				
			}
		</script>
		<input type ="text" id ="email"/>
		<span id ="emailError" style ="color :red;font-size:12px;">
			
		</span>
		<br>
		<input type ="button" value ="验证邮箱" id ="btn" />
	</body>

另一个:

<body>
		<script type="text/javascript">
			//低版本的IE浏览器不支持字符串的trim（）函数怎么办？
			//可以自己对String类拓展一个全新的Trim（）函数
			String.prototype.trim = function(){
				//去除当前字符串的前后空白
				//在当前的方法中的this代表的就是当前字符串
				this.replace(/^\s+/),""),replace(/\s+$/，"");
			}
			
			window.onload = function(){
				document.getElementById("btn").onclick = function(){
					//获取用户名
					var username = document.getElementById("username").value;
					username = username.trim();//去除前后空白并返回一个新的username
					alert("------->"+username);
				}
			}
		</script>
		
		<input type = "text" id ="username" />
		<input type = "button" value ="获取用户名" id = "btn"/>
	</body>

表单验证

<body>
		<script type="text/javascript">
			window.onload = function(){
				//给用户名文本框绑定blur事件
				var usernameElt = document.getElementById("username");
				var usernameErrorSpan = document.getElementById("usernameError");
				usernameElt.onblur = function(){
					//获取用户名
				var username=usernameElt.value;
				//取出前后空白
				username = username.trim();
				//判断用户名是否为空
				//获取span标签
				if(username){
					//代表username不是空字符串
					//继续判断长度
					if(username.length < 6|| username.length > 14){
						//用户名长度非法
						usernameErrorSpan.innerText = "用户名长度不能在[6-14]之间!";
					}else{
						//用户名长度合法
						//继续判断是否含有特殊符号
						var regExp = /^[A-Za-z0-9]+$/;
						var ok = regExp.test(username);
						if(ok){
							//用户名最终合法
						}else{
							//用户名中含有特殊符号
							usernameErrorSpan.innerText = "用户名只能由数字和字母组成!";
						}
					}
					
				}else{
					//代表username是空字符串
					usernameErrorSpan.innerText = "用户名不能为空";
				}
				
				}
				//给username这个文本框绑定获取焦点事件
				usernameElt.onfocus = function(){
					//清空非法的value
					if(usernameErrorSpan.innerText != ""){
						usernameElt.value="";
					}
					//清空span
					usernameErrorSpan.innerText = "";
				}
				//获取提示密码错误的标签
				var pwdErrorSpan = document.getElementById("pwdError");
				//获取确认密码框对象
				var userpwd2Elt = document.getElementById("userpwd2");
				//绑定blur事件
				userpwd2Elt.onblur = function(){
					//获取密码和确认密码
					var userpwdElt = document.getElementById("userpwd");
					var userpwd = userpwdElt.value;
					var userpwd2 = userpwd2Elt.value;
					if(userpwd != userpwd2){
						//密码不一致
						pwdErrorSpan.innerText = "两次密码不一致！";
						
					}else{
						//密码一致
					}
				
				}
				//绑定focus事件
				userpwd2Elt.onfocus = function(){
					if(pwdErrorSpan.innerText!=""){
						userpwd2Elt.value = "";
					}
					pwdErrorSpan.innerText="";
				}
				//给Email绑定blur事件
				var emailElt = document.getElementById("email");
				//获取email的span
				var emailSpan = document.getElementById("emailError");
				emailElt.onblur = function(){
					//获取email
					var email = emailElt.value;
					
					//编写email的正则表达式
					var emailRegExp =  /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
					var ok = emailRegExp.test(email);
					if(ok){
						//合法
					}else{
						//不合法
						emailSpan.innerText = "邮箱地址不合法";
					}
				}
				//给email绑定onfocus
				emailElt.onfocus = function(){
					if(emailSpan.value!=""){
						emailElt.value ="";
					}
					emailSpan.innerText = "";
				}
				//给提交按钮绑定一个鼠标单击事件
			    var submitbtnElt = document.getElementById("submitBtn");
				submitbtnElt.onclick = function(){
					 //当所有表单项目都是合法的,才能提交
					 //一种方案,触发username,userpwd2,email的blur
					 usernameElt.focus();   //这两行代码是使用代码触发事件
					 usernameElt.blur();
					 
					 userpwd2Elt.focus();  
					 userpwd2Elt.blur();
					 
					 emailElt.focus();   
					 emailElt.blur();
					 if(usernameErrorSpan.innerText ==""&&pwdErrorSpan.innerText ==""&&emailSpan.innerText==""){
						 //提交表单
						 var userFormElt = document.getElementById("userForm");
						 //可以设置action,也可以不在这里
						 userFormElt.action = "http://localhost:8080/jd/save";
						 //提交表单
						 userFormElt.submit();
					 }
				}	
			}
		</script>
		<!--这里表单提交应该使用post,这里为了检测,所以使用get-->
		<form action="http://localhost:8080/jd/save" method="get" id="userForm">
			用户名<input type = "text" name = "username" id = "username"/>
			<span id="usernameError"></span><br>
			密码<input type="text" name ="userpwd" id="userpwd"/>
			<br>
			确认密码<input type="text" id="userpwd2"/>
			<span id="pwdError"></span><br>
			邮箱<input type="text" name="email" id="email" />
			<span id="emailError"></span><br>
			<input type="submit" value ="注册" id= "submitBtn"/><br>
			<input type="reset" value ="重置" />
		</form>
	</body>

周期函数

setInterval(“displayTime()”,1000); //每隔一秒调用一次这个函数

这个函数的返回值可以传递给Window.clearInterval()从而取消对code的周期性执行的值

<body>
		<script type="text/javascript">
			/*
			关于JS中内置的支持类,Date,可以用来获取时间/日期
			*/
		   //获取系统当前时间
		   var nowTime = new Date();
		   //输出
		   // document.write(nowTime); 
		   //转换成具有本地语言环境的日期格式
		   nowTime = 	nowTime.toLocaleString();
		   document.write(nowTime);
		   document.write("<br>");
		   document.write("<br>");
		   //当以上格式不是自己想要的,可以通过日期获取年月日的信息,自己定制日期格式
		   var t = new Date();
		   var year = t.getFullYear();//返回年日期,以全格式返回
		   var month = t.getMonth();
		   var day = t.getDate();
		   document.write(year +"年"+ (month+1)+ "月" +day +"日");	   
//重点:怎样获取毫秒数?(从1970 年1月1日  00:00:00 000到当前时间)
	   var times = t.getTime();
	   document.write(times);   //一般会使用毫秒数当做时间戳
	   document.write(new Date().getTime());   
	</script>
	<br>
	<br>
	<br>
	<script type="text/javascript">
		function displayTime(){
			var time = new Date();
		    var strTime = time.toLocaleString();
			document.getElementById("timeDiv").innerHTML = strTime;	
			
			}
			//每隔一秒调用一次这个函数	
			function start(){
				//从这行代码吗执行结束开始,则会不间断的,每隔1000毫秒调用一次
				//displaytime函数
				v = window.setInterval("displayTime()",1000);
			}
			function stop(){
				window.clearInterval(v);
			}
	</script>
	<input type ="button" value ="显示系统时间" onclick = "start();"/>
	<input type="button" value ="停止系统时间" onclick = "stop();"/>
	<div id="timeDiv"></div>
</body>

JS中的Array数组(了解)

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TgJtCXQh-1619408034030)(C:\Users\14505\AppData\Roaming\Typora\typora-user-images\image-20210424095258294.png)]

a.push(10) 在数组的末尾添加一个元素

注意:在JS中的数组可以自动模拟栈的数据结构:后进先出,先进后出原则.

//push就是压栈

//pop弹栈

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NBwVYvr7-1619408034032)(C:\Users\14505\AppData\Roaming\Typora\typora-user-images\image-20210424095721876.png)]

BOM编程

总结:哪些方法可以通过浏览器往服务器发请求?

  • 表单form得提交
  • 超链接
  • document.location
  • window.location
  • window.open(‘url’)
  • 直接在浏览器地址栏上输入URL,然后回车.(这个也可以手动输入,提交表单也可以是动态的)

以上所有的请求均可以携带数据给服务器,只有通过表单提交的数据才是动态的.

弹出确认消息框

<script type="text/javascript">
			function del(){
				if(window.confirm("亲,确认删除数据吗?")){
					alert("delete data .....");
				}
			}
		</script>

设置为顶级窗口

这个可以在登录界面使用,将登录界面设置为顶级窗口

一号窗口:

	<iframe src = "08-小界面.html" width = "500px" height ="500px" ></iframe>

二号窗口:

<body>
<script type="text/javascript">
			//如果这个窗口不是顶级窗口的话,将当前窗口设置为顶级窗口
			function setTop(){
				//window是当前浏览器窗口,代表08.html
				//当前窗口的顶级窗口如果不是自己
				//window.top就是当前窗口对应的顶级窗口
				//window.self表示当前自己的这个窗口			
if(window.top != window.self){
			//将当前窗口设置为顶级窗口
			//window.self.loaction是08的地址
			//将顶级窗口的wintow.top.location地址设置为025
			window.top.location = window.self.location;
			}
		}
	</script>
	0055555555<input type = "button" onclick = "setTop();"  value ="如果当前窗口不是顶级的,就将它设置为顶级的"/>
</body>

JSON

  1. 什么是json,有什么用?

    JavaScript Onject Notation,简称JSON(数据交换格式)

    JSON主要的作用是:一种标准的数据交换格式.(目前非常流行,90%以上的系统,系统A和系统B交换数据的话,都会采用JSON)

  2. JSON是一种标准的轻量级的数据交换格式,特点是:

    体积小,易解析

  3. 在实际的开发中有两种数据交换格式使用最多,其一是JSON,另一种是XML.

    XML体积较大,解析麻烦,但是有其优点是:语法严谨(通常银行相关的系统之间进行数据交换的话会使用XML)

  4. HTML和XML有一个父亲:SGML(标准通用的标记语言)

    HTML主要做页面展示:所以语法松散,很随意

    XML主要做数据存储和数据描述的:所以语法相当严格

    语法格式:var jsonObj = {

    “属性名”:属性值,

    “属性名”,属性值,

    “属性名”,“属性值”,

    …

    };

  5. JSON对象的使用:

    <script type="text/javascript">
			//创建一个JSON对象(JSON也可以被称为无类型对象)
			var studentObj = {
				"sno":"110",
				"sname":"张三",
				"sex":"男"
			};
			//访问JSON对象的属性
			alert(studentObj.sno + "," + studentObj.sname +"," + studentObj.sex);
			//JSON数组
			var students=[
				{"sno":"110","sname":"张三","sex":"男"},
				{"sno":"120","sname":"李四","sex":"男"},
				{"sno":"130","sname":"王五","sex":"男"},
			];
			
			//遍历
			for(var i = 0;i<students.length;i++){
				var stuObj = students[i];
				alert(stuObj.sno +","+stuObj.sname+","+ stuObj.sex);
			}
		</script>

  6. 复杂一些的JSON对象

    	var user = {
				"usercode" :110,
				"username":"张三",
				"sex":true,
				"address":{"city":"北京","street":"大兴区","zipcode":"112211"},
			    "aihao":["smoke","drink","tt"]
			};

eval函数

<script type="text/javascript">
			/*
			eval函数的作用是,将字符串当做一段JS代码并4解释并执行
			java连接数据库,查询数据之后,将数据在java程序中	拼接成JSON格式的字符串,将json格式的字符串响应到浏览器
			也就是说java响应到浏览器上的仅仅是一个JSON格式的字符串,还不是一个JSON对象
			可以使用eval函数,将json格式的字符串转换成json对象
			
			*/
			// window.eval("var i =100");
			// alert("i=" +i);
			var fromJava= "{\"name\":\"zhangsan\",\"password\":\"123\"}";//这是java发送过来的json格式的字符串
				//将以上的json格式的字符串转换成json对象
				window.eval("var jsonObj = "+fromJava);
				//访问json对象
				alert(jsonObj.name +","+jsonObj.password);//在前端取数据  
			
		</script>

面试题:

在JS当中:[]和{}有什么区别?

[]是数组

	    "aihao":["smoke","drink","tt"]
		};


## eval函数

```javascript
<script type="text/javascript">
 		/*
 		eval函数的作用是,将字符串当做一段JS代码并4解释并执行
 		java连接数据库,查询数据之后,将数据在java程序中	拼接成JSON格式的字符串,将json格式的字符串响应到浏览器
 		也就是说java响应到浏览器上的仅仅是一个JSON格式的字符串,还不是一个JSON对象
 		可以使用eval函数,将json格式的字符串转换成json对象
 		
 		*/
 		// window.eval("var i =100");
 		// alert("i=" +i);
 		var fromJava= "{\"name\":\"zhangsan\",\"password\":\"123\"}";//这是java发送过来的json格式的字符串
 			//将以上的json格式的字符串转换成json对象
 			window.eval("var jsonObj = "+fromJava);
 			//访问json对象
 			alert(jsonObj.name +","+jsonObj.password);//在前端取数据  
 		
 	</script>

面试题:

在JS当中:[]和{}有什么区别?

[]是数组

{}是JSON

向上的青春233
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript 02.html
01-13
JavaScript 概述02
JS 02笔记
忽觉夏长的博客
11-04 200
JS 02 HTML DOM对象 HTML Document Object Model ( HTML文档对象模型 ) ###通过文档对象 document , 获取元素对象 ***** 1. 通过元素的id属性值, 查找一个元素对象 var 元素对象 = document.getElementById("id值"); 2. 通过元素的名称 , 查找一个元素对象数组 var 元素对象数组...
javascript02
gongwenxi的博客
06-22 150
javascript02 DOM 基本介绍 在HTML中是一种类似于树形的结构，结构最上方就是范围最大的标签，标签下就是此标签的子标签，以此类推。可以说html中就是由元素（标签），元素中的属性，元素内的文本内容组成的，js就是通过这些元素的id值name值等来获取这个元素对象，用代码的方式实现动态网页。 Element（元素，标签） 获取Element对象 使用js提供的内置对象document中的getElementByXXX方法来获取Element对象常见的三种方法有： getElementById
自定义显示位数 %02d %.2f
weixin_30902675的博客
11-18 203
int型 用@"%d年%02d月%02d日",2010,9,5 输出可以转成2位数,结果为:2010年09月05日. float型 可以用%.2f 输出得到小数点后2位的结果输出. 转载于:https://www.cnblogs.com/gushuo/archive/2010/11/18/1881052.html...
N02 js学习笔记 事件的委派
weixin_43708170的博客
07-17 106
事件的委派 指将事件统一绑定给元素的共同的祖先元素，这样当后代元素上的事件触发时，会一直冒泡到祖先元素从而通过祖先元素的响应函数来处理事件。 事件委派是利用了冒泡，通过委派可以减少事件绑定的次数，提高程序的性能 作用 为每一个超链接都绑定一个单击响应函数，这种操作比较麻烦，而且这些操作只能为已有的超链接设置事件，而新添加的超链接必须重新绑定 我们希望，只绑定一次事件，即可应用到多个的元素上，即使元素是后添加的 我们可以尝试将其绑定给元素的共同的祖先元素 小知识点 target - ev
JavaScript运算符
m0_55960697的博客
03-15 439
算术运算符 +：求和 -：求差 *：求积 /：求商 %：取模（取余数） 2%7 =2 因为 2=2+0*7 优先级： 同时使用多个运算符编写程序时，会按着某种顺序先后执行，我们称为优先级。JavaScript中 优先级越高越先被执行，优先级相同时以书从左向右执行。 乘、除、取余优先级相同 加、减优先级相同 乘、除、取余优先级大于加、减 使用 () 可以提升优先级 总结： 先乘除后加减，有括号先算括号里面的~~~ 注意点： 取余运算符开发中的使用场景是？ 来判断某个数字..
计算机后端-Java-PHP视频教程javascript02-demo.rar
05-23
在“javascript02”部分，你将学习到JavaScript的基本语法、DOM操作、AJAX（Asynchronous JavaScript and XML）异步请求、ES6新特性，以及如何利用jQuery等库简化前端开发。 “demo”文件可能是教程中的示例项目，...
计算机后端-Java-PHP视频教程javascript02-20 js中的正则.wmv
05-23
计算机后端-Java-PHP视频教程javascript02-20 js中的正则.wmv
【JavaScript 输出方式】
weixin_54205389的博客
07-27 206
JavaScript输出方式
正则表达式
强哥的博客
01-24 1546
正则表达式http://blog.csdn.net/bosswanghai/article/details/53859856 原创 2016年12月24日 15:42:14 1126 正则表达式 通用正则表达式 元字符 代码 说明 . 匹配除换行符以外的任意字符 \w 匹配字母或数字或
js 数字指定位数显示
hlmfjkqaz的专栏
01-16 1739
 只支持整数     function printf() { var as=[].slice.call(arguments),fmt=as.shift(),i=0; return fmt.replace(/%(\w)?(\d)?([dfsx])/ig,function(_,a,b,c){ var s=b?new Array(b-0+1).join(...
JavaScript 数字前补“0”的五种方法
热门推荐
司马懿的西山居
03-17 4万+
众所周知JavaScript中的数字是没有前置0的，因此需要我们自己进行操作来添加前置0，而且还得转换成字符串。<html> <body> <script> //迭代方式实现 function padding1(num, length) { for(var len = (num + "").length; len < length; len = num.length)
表单验证
详情请看注释
12-04 136
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> function checkUsername(){ var regex = /^...
JavaScript 小于10自动补零
大白的博客
05-09 3978
在工作中，遇到很多需要补零的情况，例如，等级 01 、02 、2018-06-06 参数 ------ 参数需要是数字或者类数字的字符串 返回值------ 是一个已经补零的数字 原理--判断传来的值是否大于零，小于零则拼接上一个 0 即可 addZero (num) { if (parseInt(num) < 10) { num = '0' + ...
JavaScript BDD
最新发布
02-24
JavaScript BDD（行为驱动开发）是一种软件开发方法，它将软件项目的开发流程与业务和用户需求紧密结合。BDD的核心思想是，在开发过程中，应该首先考虑软件应该如何被使用，并从用户的角度来描述软件的行为。 在...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值