javascript基础复习【Javaweb】

最新推荐文章于 2023-12-16 21:19:47 发布

不更了

最新推荐文章于 2023-12-16 21:19:47 发布

阅读量125

点赞数

分类专栏：尚硅谷 javaweb

本文链接：https://blog.csdn.net/qq_41048982/article/details/109626697

版权

尚硅谷 javaweb 专栏收录该内容

19 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<!-- script引入  方式一-->
		<script type="text/javascript"></script>
	<!-- script引入  方式二-->
		<script type="text/javascript" src=""></script>
	
	<!-- 变量练习 -->
<!-- 		<script type="text/javascript">
			alert("变量练习")
			var i; alert(i);
			i=12; alert(i +" "+typeof(i));
			i="abc"; alert(i+" "+typeof(i));

			var a=123;
			var b="abc";
			alert(a*b);
		</script> -->

	<!-- 关系运算 -->
<!-- 		<script type="text/javascript">
			alert("关系运算练习")
			var a="12";
			var b=12;
			// == 字面比较
			alert(a==b);
			// === 字面+数据类型比较
			alert(a===b);
		</script> -->

	<!-- 逻辑运算 pass-->
	<!-- 0 null undefined ""(空串) 都认为是false-->
	
	<!-- 数组 -->
<!-- 	<script type="text/javascript">
		alert("数组练习");
		
		var a=[]; 	alert(a.length);
		var b=[1,'abc',true];	alert(" "+b.length);
		b[3]=2;		alert(b.length+ " ");

	</script> -->

	<!-- 函数 -->
<!-- 	<script type="text/javascript">
		alert("函数练习");
// 		方式一
		function fun(){
			alert("无参函数被调用 1");
		}
// 		方式二
		var fun=function(){
			alert("无参函数被调用 2");
		}
		// 重载会覆盖
		fun();


		function fun2(a,b){
			alert("a=>"+a+" b=>"+b);
		}
		fun2(13,14);

		function fun3(a,b){
			var sum=a+b;
			return sum;
		}
		alert(fun3(13,14));

// 		隐性参数(可变长参数)
		function fun4(a,b){
			var sum=0;
			for (var i = 0; i < arguments.length; i++) {
				sum+=arguments[i];
			}
			return sum;
		}
		alert(fun4(1,2,3,4,5));
	</script> -->

	<!-- 自定义对象 -->
<!-- 	<script type="text/javascript">
		alert("自定义对象练习");

		var obj=new Object();
		obj.name="健哥哥";
		obj.age=20;
		obj.fun=function(){
			alert("姓名："+this.name+" 年龄："+this.age);
		}
		obj.fun();

		// 花括号
		var obj1={
			name:"健哥哥",
			age:88,
			fun : function(){
				alert("姓名："+this.name+" 年龄："+this.age);	
			}
		}
		obj1.fun();
	</script> -->

	<!-- 事件 -->
	<!-- 静态注册事件：通过html标签的时间属性直接赋于事件响应后的代码 -->
	<!-- 动态注册事件：先通过js获得标签的dom对象，然后在通过 dom对象.事件名 = function(){} 形式赋于事件响应后的代码 -->
<!-- 	<script type="text/javascript">
		alert("onLoad事件练习");
		// onLoad 
		// 静态注册
		function onLoadFun(){
			alert("静态注册onLoad事件，所有代码");
		}

		// 动态注册，固定写法
		window.onload = function(){
			alert("动态注册的onLoad事件");
		}
	</script> -->
	
<!-- 	<script type="text/javascript">
		alert("onclick时间练习");
		function onclickFun(){
			alert("onclick静态注册事件");
		}

		window.onload =function(){
			// 获取标签对象
			var btnObj=document.getElementById("btn01");
			btnObj.onclick = function(){
				alert("onclick动态注册事件");
			}
		}
	</script> -->

<!-- 	<script type="text/javascript">
		function onblurFun(){
			console.log("静态注册失去焦点事件")
		}
		window.onload= function(){
			var passwordObj=document.getElementById("password");
			passwordObj.onblur = function(){
				console.log("动态注册失去焦点事件");
			}
		}
	</script> -->

</head>
<!--静态注册onload()事件 -->
<!-- <body onLoad="onLoadFun();"> -->
<body >
<!-- 静态注册onclck()事件 -->
<!-- <button onclick="onclickFun();"> 按钮1</button>
<button id="btn01">按钮2</button>	 -->

<!-- 静态注册onblur()事件 -->
<!-- 用户名：<input type="text" onblur="onblurFun();"> -->
<!-- 密码：<input type="text" id="password"> -->

<!-- onsubmit ="return false;" -->
<!-- return false 可以阻止表单提交 -->

</body>
</html>