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>
运行结果: