一、JavaScript基本概念
1.什么情况下使用JavaScript?
JavaScript比大多数人想象的强大并且复杂的多,所以它也比大多数人想象的危险的多,所以:在不得不使用的场合使用,除此以外不要再任何场合使用!(PS:我觉得是在扯淡,主要目的是提醒我们处处谨慎吧,以防以后因为现在的一点小疏忽而导致自己深陷泥潭不能自拔吧?)
2.经典的Hello World实现
<script type="text/javascript">
document.write("Hello World!")
</script>
3.JavaScript的数据类型
JavaScript中声明变量使用var关键字。
<script type="text/javascript">
var n; //通常-使用一个变量前,最好先声明它
var s, e;//一个var关键字同时声明多个变量
var x = 10, y = 'abcde';//变量声明和变量初始化在一起
</script>
如果没有给一个变量使用var指定初始值,它的初始值就是undefined。
如果声明变量没有使用var,那么这个变量作用域为全局变量。
<script type="text/javascript">
var name;//并没有赋初始值
var age;
document.write(name + age);//写在网页上
alert(age);//弹个窗看看
</script>
运行结果如下图:
二、初识JavaScript
1.弹窗显示时间
<script type="text/javascript">
var time = new Date(); //创建日期对象
alert(time.toLocaleDateString());//日期
alert(time.toLocaleTimeString());//时间
alert(time.toLocaleString());//显示本地日期和时间
</script>
2.超链接显示时间
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>超链接显示时间</title>
<meta charset="utf-8" />
</head>
<body>
<br /><br /><br /><br /><br /><br /><br />
<a href="#" onclick="alert(new Date().toLocaleTimeString());">点我显示时间</a>
<br />
<a href="javascript:void(0);" onclick="alert(new Date().toLocaleDateString());">点我显示日期</a>
<br />
<a href="javascript:alert(new Date().toLocaleString());">点我显示日期和时间</a>
</body>
</html>