当前位置：网站首页>JS学习笔记（三）

JS学习笔记（三）

2022-08-03 05:09:00 【一个从机械跳计算机的小菜鸡】

innerHTML和innnerText操作div和span

innerHTML是将后面的字符串当作html语言脚本来处理

innerText是将后面的字符串当作Text文本来处理

	<head>
		<meta charset="utf-8">
		<title>innerHTML和innerText的作用的区分</title>
		<style>
			#div1{
				background-color: aqua;
				width: 300px;
				height: 300px;
				border:1px black solid;
				position: absolute;
				top:100px;
				left:100px;
			}
		</style>
	</head>
	<body>
		<script type="text/javascript">
			window.onload=function(){
				
				document.getElementById("mybtn").onclick=function(){
					document.getElementById("div1").innerHTML="<a href='http://www.baidu.com'>你好</a><br>"
					document.getElementById("div1").innerText="<a href='http://www.baidu.com'>你好</a><br>"
				}
			}
		</script>
		<div id="div1"></div>
		<input type="button" id="mybtn" value="mybtn"/>
	</body>

正则表达式：

什么是正则表达式有什么用？字符串格式匹配是一门独立的研究

第一：常见的符号

第二：简单的正则表达要会写

第三：要会创建正则表达式对象，正则表达式的方法有哪些

(101条消息) 正则表达式全解析+常用示例_墨遥的博客-CSDN博客_正则表达式例子详解

写两个程序：一个是验证邮箱的地址是否合法的，另一个是去除空格的

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>验证邮箱地址是否准确</title>
	</head>
	<body>
		<script type="text/javascript">
			window.onload=function(){
				document.getElementById("mybtn").onclick=function(){
					var emailRegExp = /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/
					if(!(emailRegExp.test(document.getElementById("text01").value))){
						document.getElementById("emailerror").innerText="邮箱输入格式不正确"
					}
					document.getElementById("text01").onfocus=function(){
						document.getElementById("emailerror").innerText=""
					}
					
				}
			}
		</script>
		<input type="text" id="text01"/>
		<input type="button" id="mybtn" value="提交"/>
		<span id="emailerror" style="color: red;"></span>
	</body>
</html>