JavaScript Day 1

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,声明时未赋值）
  • 对象
posted @ 2021-10-04 15:33  Mr__LIN  阅读(32)  评论(0)    收藏  举报