1月12号-课堂讲义和代码
Posted 小码哥的进阶
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了1月12号-课堂讲义和代码相关的知识，希望对你有一定的参考价值。
- 作业:
- 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>
以上是关于1月12号-课堂讲义和代码的主要内容，如果未能解决你的问题，请参考以下文章