JavaScript的数据结构JS中的数组-----JavaScript

曾经终败给现在 2024-02-19 11:02 35阅读 0赞

>     <!DOCTYPE html>
>     
>     <html lang="en" id="myHtml">
>     	<head>
>     		
>     		<meta charset="UTF-8">
>     		<meta name="viewport" content="width=device-width, initial-scale=1.0">
>     		<title>HtmlAll</title>
>     		<style type="text/css">
>     			#div1{
>     				background-color: aquamarine;
>     				width: 300px;
>     				height: 300px;
>     				border: 1px solid black;
>     				position: relative;
>     				top: 100px;
>     				left: 100px;
>     			}
>     		</style>
>     	</head>
>     	<body>
>     		<script type="text/javascript" src="j.js"></script>
>     		<div id="div1">
>     			<input type="text" id="email">
>     			<span id="emailError" style="color: red; font-size: 12px;"></span>
>     			<br>
>     			<input type="button" value="验证邮箱" id="btn"/>
>     		</div>
>     		<div>
>     			<table align="center">
>     				<form id="myForm">
>     					<tr><td>登录窗口</td></tr>
>     					<tr>
>     						<td>
>     							<input type="text" id="username"/>
>     						</td>
>     					</tr>
>     					<tr>
>     						<td>
>     							<input type="password" id="password"/>
>     						</td>
>     					</tr>
>     					<tr>
>     						<td>
>     							<input type="submit" value="登录"/>
>     						</td>
>     					</tr>
>     				</form>
>     			</table>
>     		</div>
>     		<div>
>     			
>     			
>     			
>     			<a href="javascript:void(0)" onclick="alert('test')">执行页面不跳转</a>
>     			<input type="button" onclick="vars()" value="123" />
>     			<input type="button" id="auto" value="auto" />
>     			<input type="button" id="tyo" value="tyo" />
>     			<input type="button" value="设置div的内容" id="btnm"/>
>     			
>     			
>     			
>     			
>     			
>     			
>     		</div>
>     		<script type="text/javascript">
>     			// var regExp = /正则表达式/flags;
>     			// var regExp = new RegExp("正则表达式");
>     			window.onload = function()
>     			{
>     				function Check()
>     				{
>     					var input = document.getElementById("email").value;
>     					var inputEmp = /^[A-Za-z0-9]+([-._][A-Za-z0-9]+)*@[A-Za-z0-9]+(-[A-Za-z0-9]+)*(\.[A-Za-z]{2,6}|[A-Za-z]{2,4}\.[A-Za-z]{2,3})$/;
>     					var boolean = inputEmp.test(input);
>     					if(!boolean)
>     					{
>     						//不合法
>     						document.getElementById("emailError").innerText = "邮箱地址不合法";
>     					}
>     					else
>     					{
>     						//合法
>     						document.getElementById("emailError").innerText = "邮箱地址合法";
>     					}
>     				}
>     				document.getElementById("btn").onclick = Check;
>     				document.getElementById("email").onfocus = function()
>     				{
>     					document.getElementById("emailError").innerText = "";
>     				}
>     				document.getElementById("email").onkeydown = function(event)
>     				{
>     					if(event.keyCode === 13)
>     					{
>     						Check();
>     					}
>     				}
>     				String.prototype.trim = function()
>     				{
>     					//prototype可以覆盖源代码
>     					//后期拓展的trim函数直接去掉前后空白
>     					return this.replace(/^\s+/,"").replace(/\s+$/,"");
>     				}
>     				document.getElementById("uxba").onclick = function()
>     				{
>     					var username = document.getElementById("asdzxcz").value;
>     					//去除空格
>     					username = username.trim();
>     					alert("["+username+"]");
>     				}
>     				var arr = [];
>     				var arr1 = [1,2,3,false,"abc",3.14];
>     				//数组下表不会越界
>     				arr1[7] = "op";
>     				//push会在数组末尾添加一个元素
>     				arr1.push(10);
>     				//提取全部元素,并用放入的内容链接为字符串
>     				// alert(arr1.join("-"));
>     				//遍历输出,并不会数组下标越界
>     				// for (var i = 0; i < arr1.length; i++) {
>     				// 	alert(arr1[i]); 
>     				// }
>     				//弹出末尾的元素,并从数组删除这个元素
>     				// alert(arr1.pop());
>     				//JS的数组可以自动模拟栈数据结构,后进先出,先进后出
>     				//push就是压栈,pop就是弹栈
>     				//reverse()就是反转
>     				arr1.reverse();
>     				alert(arr1.join("-"))
>     			}
>     		</script>
>     		<div>
>     			
>     					
>     					
>     					
>     					<input type="text" id="asdzxcz"/>
>     					<input type="button" value="获取用户名" id="uxba"/>
>     		</div>
>     	</body>
>     </html>
> 
> <!DOCTYPE html>  
>   
> <html lang="en" id="myHtml">  
> <head>  
>   
> <meta charset="UTF-8">  
> <meta name="viewport" content="width=device-width, initial-scale=1.0">  
> <title>HtmlAll</title>  
> <style type="text/css">  
> \#div1\{  
> background-color: aquamarine;  
> width: 300px;  
> height: 300px;  
> border: 1px solid black;  
> position: relative;  
> top: 100px;  
> left: 100px;  
> \}  
> </style>  
> </head>  
> <body>  
> <script type="text/javascript" src="j.js"></script>  
> <div id="div1">  
> <input type="text" id="email">  
> <span id="emailError" style="color: red; font-size: 12px;"></span>  
> <br>  
> <input type="button" value="验证邮箱" id="btn"/>  
> </div>  
> <div>  
> <table align="center">  
> <form id="myForm">  
> <tr><td>登录窗口</td></tr>  
> <tr>  
> <td>  
> <input type="text" id="username"/>  
> </td>  
> </tr>  
> <tr>  
> <td>  
> <input type="password" id="password"/>  
> </td>  
> </tr>  
> <tr>  
> <td>  
> <input type="submit" value="登录"/>  
> </td>  
> </tr>  
> </form>  
> </table>  
> </div>  
> <div>  
>   
>   
>   
> <a href="javascript:void(0)" οnclick="alert('test')">执行页面不跳转</a>  
> <input type="button" οnclick="vars()" value="123" />  
> <input type="button" id="auto" value="auto" />  
> <input type="button" id="tyo" value="tyo" />  
> <input type="button" value="设置div的内容" id="btnm"/>  
>   
>   
>   
>   
>   
>   
> </div>  
> <script type="text/javascript">  
> // var regExp = /正则表达式/flags;  
> // var regExp = new RegExp("正则表达式");  
> window.onload = function()  
> \{  
> function Check()  
> \{  
> var input = document.getElementById("email").value;  
> var inputEmp = /^\[A-Za-z0-9\]+(\[-.\_\]\[A-Za-z0-9\]+)\*@\[A-Za-z0-9\]+(-\[A-Za-z0-9\]+)\*(\\.\[A-Za-z\]\{2,6\}|\[A-Za-z\]\{2,4\}\\.\[A-Za-z\]\{2,3\})$/;  
> var boolean = inputEmp.test(input);  
> if(!boolean)  
> \{  
> //不合法  
> document.getElementById("emailError").innerText = "邮箱地址不合法";  
> \}  
> else  
> \{  
> //合法  
> document.getElementById("emailError").innerText = "邮箱地址合法";  
> \}  
> \}  
> document.getElementById("btn").onclick = Check;  
> document.getElementById("email").onfocus = function()  
> \{  
> document.getElementById("emailError").innerText = "";  
> \}  
> document.getElementById("email").onkeydown = function(event)  
> \{  
> if(event.keyCode === 13)  
> \{  
> Check();  
> \}  
> \}  
> String.prototype.trim = function()  
> \{  
> //prototype可以覆盖源代码  
> //后期拓展的trim函数直接去掉前后空白  
> return this.replace(/^\\s+/,"").replace(/\\s+$/,"");  
> \}  
> document.getElementById("uxba").onclick = function()  
> \{  
> var username = document.getElementById("asdzxcz").value;  
> //去除空格  
> username = username.trim();  
> alert("\["+username+"\]");  
> \}  
> var arr = \[\];  
> var arr1 = \[1,2,3,false,"abc",3.14\];  
> //数组下表不会越界  
> arr1\[7\] = "op";  
> //push会在数组末尾添加一个元素  
> arr1.push(10);  
> //提取全部元素,并用放入的内容链接为字符串  
> // alert(arr1.join("-"));  
> //遍历输出,并不会数组下标越界  
> // for (var i = 0; i < arr1.length; i++) \{  
> // alert(arr1\[i\]);  
> // \}  
> //弹出末尾的元素,并从数组删除这个元素  
> // alert(arr1.pop());  
> //JS的数组可以自动模拟栈数据结构,后进先出,先进后出  
> //push就是压栈,pop就是弹栈  
> //reverse()就是反转  
> arr1.reverse();  
> alert(arr1.join("-"))  
> \}  
> </script>  
> <div>  
>   
>   
>   
>   
> <input type="text" id="asdzxcz"/>  
> <input type="button" value="获取用户名" id="uxba"/>  
> </div>  
> </body>  
> </html>