javascript01 - 基本语法

概述

• JavaScript是一种脚本语言（脚本语言是一种轻量级的编程语言）
• JavaScript是一种解释性语言（执行代码不需要预编译）
• JavaScript是用来实现页面动态效果的

组成

• ECMAScript
  • JavaScript的核心，包括基本语法、变量、关键字、保留字、数据类型、语句、函数等
• DOM
  • 文档对象模型（整个html页面的内容）
• BOM
  • 浏览器对象模型（整个浏览器相关的内容）

基本语法

• 基本语法

  • JavaScript区分大小写

• 变量

  • 变量是弱类型 var
  • 统一使用 var 来进行定义
  • 定义变量不要使用关键字和保留字

• 数据类型
  JavaScript的数据类型分为原始数据类型和引用数据类型

  • 原始数据类型
    string、number、boolean、null、undefined
  • 引用数据类型
    String、Number、Boolean、Array、Date、Math、RegExp

• 运算符
  基本与java一致，只需要注意其等性运算符

  • == 比较时会自动进行类型转换
  • === 比较时不会进行类型转换

• 语句

  • 基本和java一致

• 获取元素

  document.getElementById("元素id名称");
  document.getElementById("元素id名称").value;
  

• 事件

  • onsubmit：表单提交事件
  • window.onload = function() {…}：页面加载完成后立即执行的方法
    • 注意该方法是在页面加载完成后才执行的方法

• 输出

  • 警告框：alert(“输出内容”)
  • 向页面指定位置写内容：innerHTML(属性)
  • 向页面写内容：document.write(“输出内容”)

引入方式

• 行内引入
  行内引入方式必须结合事件来使用，但是内部js和外部js可以不结合事件
  <input type=“button” value=“返回上一页面” οnclick=“javascript:history.back()” />
• 内部引入
  直接将JavaScript代码写在<script type=“text/javascript”></script>标签内
• 外部引入
  将JavaScript代码写在js中，引入html文件<script type=“text/javascript” src="…/js/test.js"></script>