- 作业:
- 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><metacharset="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,不是数字,返回truevar 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--->numbervar 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>
标签：
java
javascript
本文转载自: https://blog.csdn.net/caozhisanguo/article/details/122447652
版权归原作者 小码哥的进阶 所有， 如有侵权，请联系我们删除。
版权归原作者 小码哥的进阶 所有， 如有侵权，请联系我们删除。