第七次网页前端培训笔记

1.学习资料

【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程，小白教学，前端基础全套完成版_哔哩哔哩_bilibili

p24-p26

JavaScript JSON | 菜鸟教程 (runoob.com)

2.

var str="HELLO word"
	 console.log(str)
	 console.log(str.substr(3))//从下标三（第四个）开始到最后
	 console.log(str.substr(3,5))//从下标三到下标五
	 console.log(str.substring(3,4))
	 console.log(str.toUpperCase())//大写
	 console.log(str.toLocaleLowerCase())//小写
	 console.log(Math.random())//随机数
	 console.log(Math.ceil(1.2))//向上取整
	 console.log(Math.floor(1.8))//向下取整

这个相当于java语言中的string用法差不多类似，运行结果如下

2.1

console.log("--------------------")
	 var date=new Date()
	 console.log(date)
	 //年月日
	 console.log(date.getFullYear())//年
	 console.log(date.getMonth()+1)//月 0-11的，所以需要加一
	 console.log(date.getDate())//日，getday是周几
	 var s1=date.getMinutes() < 10 ? "0"+ date.getMinutes() : date.getMinutes();
	 var s=date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate()+" "+date.getHours()+":"+s1+":"+date.getSeconds()
	 console.log(s)
	 console.log(date.toLocaleString())

2.2

var obj1={
		 name:"张三",
		 age:14,
		 say:function(){
			 console.log("哈哈哈")
			 console.log(this)
		 }
		 
	 };
	 console.log(obj1)
	 obj1.hobby="打篮球"
	 
	 
	 //对象的序列化：将js对象转化成json字符串
	 // var 对象名=json.stringify(json对象)
	 //对象的反序列化； 将js字符串转化成js对象
	 // var 对象名=json.parse(json字符串)
	 console.log("---------")
	 var hhh=JSON.stringify(obj1)
	 console.log(hhh)
	 console.log(obj1)
	 obj1.say()

都是一些对象的使用方法和创建 

3.作业

var a = {
			"results": [{
				"location": {
					"id": "WWGQDCW6TBW1",
					"name": "天津",
					"country": "CN",
					"path": "天津,天津,中国",
					"timezone": "Asia/Shanghai",
					"timezone_offset": "+08:00"
				},
				"now": {
					"text": "晴",
					"code": "1",
					"temperature": "3"
				},
				"last_update": "2022-02-09T21:18:05+08:00"
			}]
		}
	document.getElementById("demo").innerHTML=a.results[0].location.name+"\n"+a.results[0].now.text+"\n"+
	a.results[0].now.temperature;