web JS null NaN undefined 的区别 == === 事件正则表达式 onfoucs onblur

本文链接：https://blog.csdn.net/qq_45858803/article/details/123186548

文章目录

null NaN undefined

在这里插入图片描述

== ===

在这里插入图片描述

事件

在这里插入图片描述

回调函数

在这里插入图片描述

JS 代码的执行顺序

在这里插入图片描述

节点属性属性值的改变

在这里插入图片描述

回车键 ESC键

在这里插入图片描述

void 运算符

在这里插入图片描述

控制语句

在这里插入图片描述

JS 数组

在这里插入图片描述

for in 控制语句

在这里插入图片描述

Javascript 三大块 ECMAScript（核心语法）DOM BOM

在这里插入图片描述

正则表达式

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<style>
		#div1{
			background-color: aqua;
			width: 300px;
			height: 200px;
			border: 11px solid coral;
			position: absolute;
			top: 30px;
			left: 30px;
		}
	</style>
</head>
<body >
	<!-- <script>
		function sayHello(){
			alert("hello JS！");
		}
	</script>
	<input type="button" value="hello" οnclick="sayHello()"/> -->

	<!-- <input type="button" value="hello" id="hello">
	<script>
		function doSome(){
			alert("Hello Js!");
		}
		var btnobj=document.getElementById("hello");
		btnobj.οnclick=doSome;
	</script> -->

	<!-- <input type="button" value="hello" id="hello">
	<script>
		var butoo=document.getElementById("hello");
		butoo.οnclick=function(){
			alert("hello world!");
		}
	</script> -->

	<!-- <input type="button" value="hello" id="hello">
	<script>
		document.getElementById("hello").οnclick=function(){
			for(var i=1;i<10;i++){
				alert("hello world!");
			}
		}
	</script> -->

	<!-- <script>
		ready=function(){
			document.getElementById("hello").οnclick=function(){
			alert("long time no see!");
		}
		}

	</script>
	<input type="button" value="你好" id="hello"> -->

	<!-- <script>
		window.οnlοad=function(){
			document.getElementById("hello").οnclick=function(){
				alert("long time no see!");
			}
		}
	</script>
	<input type="button" value="hello" id="hello"> -->

	<!-- <script>
		window.οnlοad=function(){
			document.getElementById("hello").οnclick=function(){
				document.getElementById("hello").type="select"
		}
		}
	</script>
	<input type="button" value="hello" id="hello"> -->

	<!-- <script>
		window.οnlοad=function(){
			document.getElementById("text").οnkeydοwn=function(event){
				if(event.keyCode==27){
					alert("正在验证登录");
				}
			}
		}
	</script>
	<input type="text" id="text"> -->

<!-- 
	hello 
	<br>
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

	<a href="javascript:void(0)">这是一个超链接，但你点击我我不会跳转</a> -->
<!-- <script>
	var array=[1,2,3,3.3,false];
	for(var i=0;i<array.length;i++){
		alert(array[i]);
	}
</script> -->

<!-- <script>
	var array=[1,2,3,4,true,false];
	for(var i in array){
		alert(array[i]);
	}
</script> -->

<!-- <script>
	User=function(name,number){
		this.name=name;
		this.number=number;
	}
	var u=new User("张三","123");
	// alert(u.name);
	// alert(u.number);
	for(var i in u){
		alert(u[i]);
	}

</script> -->

<!-- <script>
	function User(name,xuehao){
		this.name=name;
		this.xuehao=xuehao;
	}
	var u=new User("张三","123456");
	with(u){
		// alert(name+","+xuehao)
		alert(name);
		alert(xuehao);
	}
</script> -->

<!-- <script>
	window.οnlοad=function(){
		document.getElementById("button").οnclick=function(){
			var i=document.getElementById("text").value;
			alert(i);
		}
	}
</script>
<input type="text" id="text">
<input type="button" value="获取文本框中的值" id="button"> -->

<!-- <script>
	window.οnlοad=function(){
		document.getElementById("button").οnclick=function(){
			document.getElementById("text").value="张三";
		}
	}
</script>
<input type="text" id="text">
<input type="button" value="将文本框中的值改为张三" id="button"> -->

<!-- <script>
	window.οnlοad=function(){
		document.getElementById("button").οnclick=function(){
			document.getElementById("text1").value=document.getElementById("text2").value;
		}
		
	}
</script>
<input type="text" id="text1">
<input type="text" id="text2">
<input type="button" id="button" value="将第二个文本框的值赋值给第一个文本框"> -->

<!-- <input type="text" οnblur="alert(this.value)"> -->

<!-- <script>
	window.οnlοad=function(){
		document.getElementById("button").οnclick=function(){
			// document.getElementById("div1").innerText="hdjsfhdjfdkfhdskfhdkjsfhdskj活动结束富士康东方红"
			document.getElementById("div1").innerHTML="<font color='blue'> 用户名不能为空</font>"
		}
	}
</script>
<input type="button" value="设置div中的内容" id="button">
<div id="div1"></div> -->

<!-- <script>
	window.οnlοad=function(){
		document.getElementById("button").οnclick=function(){
		var value1=document.getElementById("text").value;
		var reg=/^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$/;
		// var reg=new RegExp("/^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$/","g")
		var ok=reg.test(value1);
		if(ok){
			document.getElementById("span").innerText="邮箱地址合法";
		}else{
			document.getElementById("span").innerText="邮箱地址不合法";
		}
		}
		document.getElementById("text").οnfοcus=function(){
			document.getElementById("span").innerText ="";
		}
	}
</script>
<input type="text" id="text">
<input type="button" id="button" value="test">
<span id="span" style="color: brown; font-size: 19px;"></span> -->
</body>
</html>