第九周学习——JavaScript学习

JavaScript学习

1.this关键字
在JavaScript中,关键字this是可变的。在对象方法中, this 指向的是调用它所在方法的对象。而当我们单独使用 this时,this指向的是全局对象。在函数使用中,this 指向的是函数的所属者。

2.Date对象
Date 可用于处理日期和时间,我们可以通过使用关键字new 来定义 一个Date 对象,如new Date();new Date(value);等。

Date对象的方法有很多,如 getDate() 方法可用来返回天数(月份中的天数,1~31),而getDay方法也可用来返回天数(星期中的某一天),setDate方法可用来设置月份中的某一天。
例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
		var x="";
		var d = new Date();
		var time = d.getHours();
		if (time<9)
		{
			x="早上好";
		}
		else if (time>=9 && time<21)
		{
			x="今天好";
		}
		else
		{
			x="晚上好";
		}
		</script>
	</head>
	<body>
		 <button onclick="myFunction('李华','女士')">请点击这里</button>
		 <script>
			 function myFunction(name,gender){
				 alert("Hello,"+x+","+name+gender)
			 }
		 </script>
	</body>
</html>
 

3.Array对象
Array对象就是数组对象,我们可以它来存储一系列的值。
例:

<!DOCTYPE html>
 <html>
 <head>
 <meta charset="utf-8">
 <title></title>
 </head>
 <body> 
 <button type="button" onclick="myFunction()">我的心情可能是</button>
 <script>
function myFunction(){
	var i=0;
	var mymood = new Array();
	mymood[0] = "happy";
	mymood[1] = "delight";
	mymood[2] = "clam";
	mymood[3] = "upset";
	mymood[4] = "angry";
    while (i<mymood.length){
    	document.write(mymood[i] + "<br>");
    	i++;	
		}
}
 </script>
 
 </body>

concat()可用来连接两个或更多数组
例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> </title>
</head>
<body>

<script>
	function myFunction(){ 
var mood1 = ["happy", "delight","exciting"];
var mood2 = ["clam", "gloomy"];
var mood3 = ["anxiety", "angry"];
var mymood = mood1.concat(mood2, mood3);
document.write(mymood);
}
</script>
<button onclick="myFunction()">我的心情是这怎样的</button>
</body>
</html>

sort()可用于数组排序
例:

!DOCTYPE html> 
<meta charset="utf-8">
<title></title>
</head>
<body>

<p> happy,anxiety,delight,clam,angry</p> 
<button onclick="myFunction()">排序</button>
<p id="mood"></p>
<script>
function  myFunction(){
	var mood = ["happy", "anxiety", "delight", "clam","angry"];
	mood.sort();
	var x=document.getElementById("mood");
		x.innerHTML=mood;
}
</script>

</body>
</html>

运行结果:
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值