【Web前端学习笔记】Javascript_03_常用对象：String,Number,Math,Date,网页时针

最新推荐文章于 2022-09-02 21:45:00 发布

love__nana

最新推荐文章于 2022-09-02 21:45:00 发布

阅读量294

点赞数 1

分类专栏： Web前端文章标签： javascript String Number Math Date

本文链接：https://blog.csdn.net/wpf719971425/article/details/77965295

版权

Web前端专栏收录该内容

11 篇文章 1 订阅

订阅专栏

Javascript_03

A.String

1）定义方式

a.方式1

<script type="text/javascript">
			// 定义方式1
			var str1 = new String("hello");
			var str2 = new String("hello");
			document.write((str1 == str2) + "<br />"); // false
			// valueOf():js中得比较就是内容是否相同
			document.write((str1.valueOf()) == (str2.valueOf()));
		</script>

b.方式2

<script type="text/javascript">
			// 定义方式2
			var str1 = "hello";
			var str2 = "hello";
			document.write((str1.valueOf()) == (str2.valueOf()));
		</script>

2）常用方法

chartAt()：返回指定索引位置处的字符

IndexOf()：返回当前字符串中子字符串第一次出现的索引

lastIndexOf()：返回子字符串在大串中最后一次出现的索引

fontcolor：给字符串设置字体颜色

spilt()：切割功能，返回字符串数组

substring(startIndex,end)：从开始位置截取到指定位置结束:包前不包后

substr(start [, length ])：返回一个从指定位置开始的指定长度的子字符串
<script type="text/javascript">
			with (document){
				var str = "hellojava";
				write(str.charAt(4) + "<br />");// o
				write(str.indexOf("a") + "<br />");// 6
				write(str.lastIndexOf("a") + "<br />");// 8
				write(str.fontcolor("blue") + "<br />");
				write(str.substring(5,9) + "<br />");// java
				write(str.substr(5,4) + "<br />");// java
				
				var s = "hello-world-hello-jva";
				var strArr = s.split("-");
				// 遍历
				for (var i in strArr) {
					write(strArr[i] + " ");
				}
			}
		</script>

B.Number

1）定义方式

<script type="text/javascript">
			// 定义方式
			var num1 = new Number(100);
			var num2 = new Number(100);
			
			document.write((num1 == num2) + "<br />");//false
			document.write((num1.valueOf() == num2.valueOf()) + "<br />");	
			
			// Boolean
			var b1 = new Boolean(true);
			var b2 = new Boolean(true);
			document.write((b1 == b2) + "<br />");
			document.write((b1.valueOf() == b2.valueOf()) + "<br />");
		</script>

C.Math

1）常用函数

ceil()：向上取整，有小数部分，整数部分+1

floor()：向下取整，有小数部分，直接省去

round()：四舍五入

random()：获取伪随机数：[0,1)

max()：取最大值

min()：去最小值
	<title>Math</title>
		<script type="text/javascript">
			with(document) {
				var a = 3.50;
				write(Math.ceil(a) + "<br />");
				write(Math.floor(a) + "<br />");
				write(Math.round(a) + "<br />");
				write((Math.random()*100) + "<br />");
				write(Math.max(1,2,3) + "<br />");
				write(Math.min(1,2,3) + "<br />");
			}
		</script>

D.Date

1）如何定义日期对象

<title>Date</title>
		<script type="text/javascript">
			with (document){
				var  date = new Date();
			
				// 获取年份
				write(date.getFullYear() + "年");
				// 获取月份
				write(date.getMonth() + "月");
				// 获取天
				write(date.getDate() + "日" + "<br />");
				
				// 一周中的日期值：星期
				write("星期" + date.getDay() + "<br />");
				
				// 获取一天中小时
				write(date.getHours() + "时");
				// 获取分
				write(date.getMinutes() + "分");
				// 获取秒
				write(date.getSeconds() + "秒");
			}
		</script>

E.网页时针

1）Date对象:获取当前系统的时间

js中的定时器：

setInterval("任务()",毫秒值);每隔多少毫秒执行这个任务

标签中：属性：InnerHTML

<head>
		<meta charset="UTF-8">
		<title>网页时针</title>
		<script type="text/javascript">
			function nowDate() {
				// 定义日期对象
				var date = new Date();
				// 获取当前系统时间：yyyy.MM.dd HH:mm:ss
				var dateStr = date.getFullYear() + "." + date.getMonth() + "." + date.getDate() + " " + date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds();
				//获取span标签对象
				var dateTip = document.getElementById("dateTip");
				//获取span标签对象,还要设置innerHTML属性用来在当前span显示内容,并且为span对象赋值
				dateTip.innerHTML = dateStr;
			}
			
			// 设置定时器：
			// 使用BOM编程:window窗口对象
			// 参数1:任务:也叫做函数
			// 参数2:表示每隔多少毫秒执行该任务(函数)
			window.setInterval("nowDate()", 1000);
		</script>
	</head>
	<body>
		日期为：<span id="dateTip"></span>
	</body>

最后的结果：每隔1s调用执行一次(获取当前时间，并刷新)，所以达到了时间计时的效果

love__nana

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【Web前端学习笔记】Javascript_03_常用对象：String,Number,Math,Date,网页时针

Javascript_03A.String1）定义方式a.方式1 // 定义方式1 var str1 = new String("hello"); var str2 = new String("hello"); document.write((str1 == str2) + ""); // fa
复制链接

扫一扫

专栏目录