1月12号-课堂讲义和代码

最新推荐文章于 2024-04-25 17:27:12 发布

小码哥的进阶

最新推荐文章于 2024-04-25 17:27:12 发布

阅读量3k

点赞数 10

文章标签： java javascript

本文链接：https://blog.csdn.net/caozhisanguo/article/details/122447652

版权

java 同时被 2 个专栏收录

34 篇文章 8 订阅

订阅专栏

JavaScript

8 篇文章 16 订阅

订阅专栏

作业:

onchange事件
this: 表示那个标签,结论: 点击那个标签,那个标签就是this

javascript的内置对象

全局对象: Gloabl, 只有名称, 实际对象是不存在的, 特点: 方法名称(参数);
Math对象: floor(), 向下取整, ceil() 向上取整, random(), 随机数
JSON对象
*1. 作用: 前端和后端在数据交互,使用json
*2. json定义: 1. 定义单个json 2. 定义json数组, 3. 复杂的json
*3. json解析: json对象.key
*javascript面向对象(了解即可)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script>
			/*
			 * Global全局对象: 只有名称,所以调用方法时,
			                                    直接写方法名称即可
			   1. eval(): 将普通的字符串解析为js代码执行
			   2. isNaN(): 判断是不是数字
			   3. parseInt():将字符串类型的数字转成number类型数字
			   4. parseFloat():将字符串类型的浮点数转成float浮点数
			 * */
			//1. eval(): 将普通的字符串解析为js代码执行
			document.write(2222222);//方法的调用
			var str1 = "document.write(11111)";//字符串
			//eval(str1);//将双引号去掉,方法的调用
			//2.isNaN(): 判断是不是数字
			//var numer = 10;
			var numer="10a";
			//如果是数字,返回false,不是数字,返回true
			var flag1 = isNaN(numer);
			document.write(flag1);
			document.write("<hr/>");
			//3.转成整数
			var number1 ="10";//string
		    document.write(typeof number1);
			var number2 = 10;//number
			document.write("<hr/>");
			//  string--->number
			var number3 = parseInt(number1);
			document.write(typeof number3);
			//4.转成浮点数: 省略
		</script>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script>
			/*
			 * floor();"地板方法"向下取整,比如: 5.9-->向下取整 5
			 * ceil();"天花板方法"向上取整,比如:5.01-->向上取整6
			 * random();随机数,范围[0,1);包含0,不包含1
			 */
			//1.定义一个数字
			var n1 =2.9;
			var n1_end = Math.floor(n1);//2
			var n2 =3.0001;
			var n2_end = Math.ceil(n2);//4
			//2.分页场景: 根据总的记录数 以及每页显示的条数,求总页数
			var t = 100;//select count(*) from table_name
			var p = 5;//每页显示的条数
			var totalPage = (t%p==0) ? (t/p) :(Math.ceil(t/p));
			//document.write("总页数:"+totalPage);
			//3.场景: 获取0-5之间的 随机数
			var n1 = Math.random()*6;//范围:[0,5.9999999999999)
			var n2 = Math.floor(n1);// 范围:[0,5];
			document.write("0-5随机数:"+n2);
		</script>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script>
			/**
			 * json概述
			 *      它是一种轻量级的数据格式,类似与map
			 * json特点
			 *      1. 数据量少
			 *      2. 描述数据,比较直观,清晰
			 * json作用
			 *       前端<----json----->后端
			 * json定义
			 *      第一类: 单个json对象
			 *      第二类: json数组对象
			 *      注意:
			 * 		  1.大括号外边不要加双引号
			 * 		  2.在大括号里面除了数字不加引号以外,其它值都加引号
			 *        3.不犯错:所有值都加引号
			 * json解析
			 *        * 借用杨崇伟 : 剥洋葱
			 *        * 第一类: 单个json对象: json对象.key;// map.get(key)
			 *        * 第二类: json数组对象
			 *                  步骤一: 从数组中拿到单个json
			 *                  步骤二: json对象.key
			 * 实际开发中: 还有复杂的json数据格式
			 */
			  // json的key : first
			  // json的value: {"id":111,"name":"jack"}
			  var casjson={
			  				"first":{"id":111,"name":"jack"}
			  			  };
			
			 // 解析复杂的json格式
			 //var casUser = casjson.first;//{"id":111,"name":"jack"}
			 //var casUserID = casUser.id;
			 var casUserID =casjson.first.id;
			document.write(casUserID);
			
			
			//1.第一类: 单个json对象
			var user={"id":1,"name":"jack"};
			var id =  user.id;
			var name = user.name;
			//document.write(id+","+name);
			//2.第二类: json数组对象
			var users= [
							{"id":1,"name":"jack"},
							{"id":2,"name":"rose"},
							{"id":3,"name":"ship"}
					   ];//静态数组
			//3.遍历数组
			for(var i=0;i<users.length;i++){
				//步骤一: 从数组中拿到单个json
				var u = users[i];
			   //步骤二: json对象.key
			   //document.write(u.id+","+u.name+"<br/>");
			}
		</script>
	</body>
</html>

小码哥的进阶

关注

10
点赞
踩
5

收藏

觉得还不错? 一键收藏
11
评论
1月12号-课堂讲义和代码

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> /* * Global全局对象: 只有名称,所以调用方法时, 直接写方法名称即可 1. eval
复制链接

扫一扫