用HTML5写ZZULI官网（七）

最新推荐文章于 2024-09-01 13:33:34 发布

喜欢与撩

最新推荐文章于 2024-09-01 13:33:34 发布

阅读量142

点赞数

本文链接：https://blog.csdn.net/m0_61938171/article/details/122889005

版权

HTML5 同时被 3 个专栏收录

8 篇文章 0 订阅

订阅专栏

Javascript

7 篇文章 0 订阅

订阅专栏

CSS

3 篇文章 0 订阅

订阅专栏

内置对象

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>内置对象</title>
	</head>
	<body>
	</body>
	<!-- 
		内置对象
			String
				◦ charAt(idx)	   返回指定位置处的字符
				◦ indexOf(Chr)	   返回指定子字符串的位置，从左到右。找不到返回-1
				◦ substr(m,n)	   返回给定字符串中从m位置开始，取n个字符，如果参数n省略，则意味着取到字符串末尾。
				◦ substring(m,n)   返回给定字符串中从m位置开始，到n位置结束，如果参数n省略，则意味着取到字符串末尾。
				◦ toLowerCase()	   将字符串中的字符全部转化成小写。
				◦ toUpperCase()	   将字符串中的字符全部转化成大写。
				◦ length 		   属性，不是方法，返回字符串的长度。
				
			Math
				◦ Math.random()	   随机数
				◦ Math.ceil() 	   向上取整，大于最大整数
				◦ Math.floor() 	   向小取整，小于最小整数String 
			Date
				// 获取日期
				◦ getFullYear()	   年
				◦ getMonth()	   月
				◦ getDate()		   日
				◦ getHours()	   时
				◦ getMinutes()	   分
				◦ getSeconds()	   秒
				// 设置日期
				◦ setYear()
				◦ setMonth()
				◦ setDate()
				◦ setHours()
				◦ setMinutes()
				◦ setSeconds()
				◦ toLoacaleString()	转换成本地时间字符串
				说明：
					1. getMonth()：得到的值：0~11（1月~12月）
					2. setMonth()：设置值时0~11
					3. toLocaleString()：可根据本地时间把 Date 对象转换为字符串，并返回结果。
	 
	 -->
	 
	 <script type="text/javascript">
	 	/* String */
		var str = "1q2w3e4Hr5t";
		console.log(str);
		console.log(str.charAt(5));
		console.log(str.indexOf('w'));
		console.log(str.substr(1,4));
		console.log(str.substring(1,4));
		console.log(str.toLowerCase());
		console.log(str.toUpperCase());
		console.log(str.length);
		
		console.log(Math.random());
		var num1 = 1.4;
		console.log(Math.ceil(num1));
		console.log(Math.floor(num1));
		
		// 得到日期
		var date = new Date();
		// 得到年
		var year = date.getFullYear();
		console.log(year);
		
		
	 </script>
	 
	 
</html>

对象

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>对象</title>
	</head>
	<body>
	</body>
	<!-- 
		对象
			一、对象的创建
				JS 创建自定义对象，主要通过三种方式：字面量形式创建对象、通过new Object对象创建 、通过Object对象的create方法创建对象。
				1. 字面量形式创建对象
					var 对象名 = {}; // 空对象
					var 对象名 = {
						键:值,
						键:值,
						... 
					};
					
				2. 通过new Object创建
					var 对象名 = new Object(); // 空对象
				
				3. 通过Object对象的create方法创建
					var 对象名 = Object.create(null); // 创建空对象
					var 对象名 = Object.create(参考对象); // 以参考对象为模板，创建新的对象
					
				
				赋值：对象名.键 = 值 （如果键存在，则表示修改数据；如果键不存在，则表示添加数据）
			
			二、对象的序列化和反序列化
			
			三、this
	 -->
	 
	 
	 <script type="text/javascript">
	 	/* 对象的创建 */
		// 1. 字面量形式创建对象
		var obj = {}; // 空对象
		obj.uname = "zhangsan"
		obj.uage =18;
		console.log(obj);
		// 非空对象 （键都是字符串，值可以是六种数据类型中任意一种）
		var obj2 = {
			uname:"zhangsan", // 字符串
			uage:18, // 数值
			islike:true, // 布尔值
			sayHello:function(){ // 函数
				console.log("Hello...");
			},
			cats:['大毛','喵喵'], // 数组
			dog:{ // 对象
				name:"张二狗",
				age:1
			}
		};
		console.log(obj2);
		console.log(obj2.uname);
		obj2.sayHello(); // 方法调用模式
		obj2.uage = 19;
		
		// 2. 通过new Object创建
		var obj3 = new Object();
		obj3.name="lisa";
		console.log(obj3);
		
		// 3. 通过Object对象的create方法创建
		var obj4 = Object.create(null);
		console.log(obj4.name);
		var obj5 = Object.create(obj3);
		console.log(obj5.name);
		
	 </script>
	 
</html>

喜欢与撩

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
用HTML5写ZZULI官网（七）

内置对象<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>内置对象</title> </head> <body> </body> <!-- 内置对象 String ◦ charAt(idx) 返回指定位置处的字符 ◦ indexOf(Chr) 返回指定子字符串的位
复制链接

扫一扫

专栏目录