JavaScript Day 1


JavaScript简介

对网页行为进行编程的语言

学习内容：ECMAScript、DOM、BOM


一些输出函数

document.write("document.write()测试");//写入html的body内容
console.log("console.log()测试");//打印信息到控制台
alert("alert()测试");//显示一个弹出框


JavaScript编写位置

写在html的script标签中

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- 编写位置如下 -->
<script>
alert("Hello World!");
</script>
</head>
<body>
</body>
</html>


写入js文件并通过标签调用

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="/demo01.js"></script>
</head>
<body>

</body>
</html>


写到标签属性中(不推荐)

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="/demo01.js"></script>
</head>
<body>
<button onclick="alert('属性写入js语句')">button测试</button>
</body>
</html>


Note:当引入外部js时，标签内部js会失效


基本语法

  • 注释
    /*多行注释*/ //单行注释
  • 区分大小写
  • 以分号结尾


字面量和变量

  • 字面量可直接使用（常量）
  • 变量的值可以改变（使用var声明）
  • 标识符的规则（含有字母、数值、下划线和$，不以数字开头，且不为关键字和保留字）


数据类型

Note：使用typeof（）运算符查看数据类型

  • 字符串类型（String）
  • 字符串使用双引号或单引号
  • 数值型
  • 浮点数
  • 整数
  • Infinity（无穷）
  • NAN（not a number）
  • 布尔型
  • true
  • false
  • 空值(Null,表示空对象)
  • 未定义（undefined,声明时未赋值）
  • 对象