JavaScript基础一-优快云博客

本文详细介绍了JavaScript的基本类型、特殊类型和复杂类型，并通过实现一个简单的猜数字游戏，展示了HTML5在客户端编程中的应用。文章强调了自学能力的重要性，并提供了系统学习建议。

第一天学习JS，总结了下基础知识。

首先，很多地方与JAVA还是一样的。但是，Java与JavaScript却是雷锋跟雷峰塔的一样。JavaScript是嵌入HTML中在浏览器中的脚本语言。

JavaScript 的数据类型可以分为三类：基本类型、特殊类型和复杂类型。

基本类型有 string、number 和 boolean 三种。其中，字符串是使用一对单引号或者一对双引号括起来的任意文本；而数值类型都采用64 位浮点格式存储，不区分整数和小数；布尔（逻辑）只能有两个值：true 或 false。特殊类型有 null、undefined 两种。其中，Undefined 这个值表示变量不含有值，即声明了变量但从未赋值；null 在程序中代表“无值”或者“无对象”，因此，可以通过将变量的值设置为 null 来清空变量。复杂类型指其他对象，如 Array、Date、Object 等。

在系统学习的过程中，我应该多注意培养自己的自学能力，掌握几种适合自己节奏的自学方式。

做了几遍小案例——猜数字。

<!DOCTYPE html>
<html>
<head>
<title>猜数字demo</title>
<meta charset="utf-8" />
<script>
//产生随机数
var init_num = parseInt(Math.random()*100)+1;
//打桩
console.log(init_num);
function guess() {
//获取元素及输入文本框的东西
var num = document.getElementById("num").value;
var result = document.getElementById("result");

if(num == "" || isNaN(num) || num<1 || num>100) {
result.innerHTML = "必须输入1-100之间的数字!";
} else {
if(num>init_num) {
result.innerHTML = "大了!";
} else if(num<init_num) {
result.innerHTML = "小了!";
} else {
result.innerHTML = "对了!";
}
}
}
</script>
</head>
<body>
<h1>猜数字游戏</h1>

<input type="text" id="num"/>
<input type="button" value="开始猜" onclick="guess();"/>
=<span id="result"></span>

</body>
</html>

转载于:https://my.oschina.net/cy09/blog/631251