1. 对事件进行响应
  2. 通过dom对象直接对html,css进行操作

基础语法

常量变量,类型转换,运算符等

输入输出

  • 使用 window.alert() 弹出警告框。
  • 使用 document.write() 方法将内容写到 HTML 文档中。
  • 使用 innerHTML 写入到 HTML 元素。
  • 使用 console.log() 写入到浏览器的控制台。

流程控制

  1. let cars = ["BMW","Volvo","Saab","Ford"];
  2. for(let i=0; i<cars.length; i++){
  3. document.write(cars[i]+"<br>");
  4. }
  5. let car = {car1:"BMW", car2:"Volvo", car3:"Saab", car4:"Ford"};
  6. for(let i in car){
  7. document.write(car[i]+"<br>");
  8. }

数据类型

var length = 16; // Number 通过数字字面量赋值
var points = x * 10; // Number 通过表达式字面量赋值
var lastName = “Johnson”; // String 通过字符串字面量赋值
var cars = [“Saab”, “Volvo”, “BMW”]; // Array 通过数组字面量赋值
var person = {firstName:”John”, lastName:”Doe”}; // Object 通过对象字面量赋值

  • 对象:键值对
  • js中的对象不同于java,cpp,python中的对象,cpp等中的对象通过类进行创建,而js中的对象就是键值对


函数

function myFunction(a, b) {
return a * b; // 返回 a 乘于 b 的结果
}

  • 非常类似于python中函数的定义
    1. def myFunction(a, b){
    2. return a * b;
    3. }

常用事件

事件 描述
onchange HTML 元素改变
onclick 用户点击 HTML 元素(如点击button)
onmouseover 用户在一个HTML元素上移动鼠标
onmouseout 用户从一个HTML元素上移开鼠标
onkeydown 用户按下键盘按键(例如按下enter)
onload 浏览器已完成页面的加载