Javascript的基础(变量、数据类型、数据的操作)
一、JavaScript的整体感知
1.代码的存放位置
如果没有style代码放在title标签下; 如果有style, 那么代码放在style下面.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>Document</title>
<style type="text/css"></style>
<script type="text/javascript">
alert("javascript");
</script>
</head>
<body>
</body>
</html>
2.JavaScript代码虽然对空格, 换行, 缩进不敏感. 需要在代码结束部分加上分号(换行).
3.console.log("javascript1"); 向浏览器的控制台中输出一句话;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>Document</title>
<style type="text/css"></style>
<script type="text/javascript">
//alert("javascript");
console.log("javascript1");
</script>
</head>
<body>
</body>
</html>
4.prompt("javascript2"); 弹出一个输入框, 给用户提供输入信息位置.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>Document</title>
<style type="text/css"></style>
<script type="text/javascript">
//alert("javascript");
//console.log("javascript1");
prompt("javascript2");
</script>
</head>
<body>
</body>
</html>
5.直接量:
如果页面上直接使用红色方框中的数据, 那么这些内容叫做直接量.
6.字符串(String)
特点: 用引号引起来的文本的串.
注意:
* 这个引号既可以是单引号, 也可以双引号.
* 如果要在字符串输出引号应该怎么办
alert('javascript:"day day up"');
转译符: alert('javascript:\"day \'\'day up"');
常用的转译符:
\’ -> 单引号
\” -> 双引号
\n -> 换行
\t -> 缩进
\b -> 空格
\r -> 回车
\\ -> 斜杠
7.数值类型(number)
特点: 表达的是一种数据的量.
表现形式: 123, 1
NaN:not a number ==>非数字。
作用：用来表示数值的一种不正常的状态。
一般情况下会在计算出现错误的时候出现。
判断当前的数据是否是NaN的关键字：
IsNaN:是一个非数字
如果结果是非数字：结果是true
如果结果是数字：结果是false
8.判断数据的类型
typeof: 判断数据类型.(即可用括号括起参数, 又可以直接跟参数)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<script type="text/javascript">
console.log(typeof("abc"));
console.log(typeof(123));
</script>
</head>
<body>
</body>
</html>
9.变量
输出自己输入的内容
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<script type="text/javascript">
var name = prompt("请输入我爱你");
alert(name);
</script>
</head>
<body>
</body>
</html>
作用: 用来存储数据的.
变量名只能由英文字母, 数字, 下划线以及$符号组成, 并且数字不能放在名称开头.
10.undefined
如果一个变量声明了但是没有赋值它的结果就是undefined;(underfined在页面上是不会报错。)
11.复杂运算符
