- 对事件进行响应
- 通过dom对象直接对html,css进行操作
基础语法
常量变量,类型转换,运算符等
输入输出
- 使用 window.alert() 弹出警告框。
- 使用 document.write() 方法将内容写到 HTML 文档中。
- 使用 innerHTML 写入到 HTML 元素。
- 使用 console.log() 写入到浏览器的控制台。
流程控制
let cars = ["BMW","Volvo","Saab","Ford"];
for(let i=0; i<cars.length; i++){
document.write(cars[i]+"<br>");
}
let car = {car1:"BMW", car2:"Volvo", car3:"Saab", car4:"Ford"};
for(let i in car){
document.write(car[i]+"<br>");
}
数据类型
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中函数的定义
def myFunction(a, b){
return a * b;
}
常用事件
事件 | 描述 |
---|---|
onchange | HTML 元素改变 |
onclick | 用户点击 HTML 元素(如点击button) |
onmouseover | 用户在一个HTML元素上移动鼠标 |
onmouseout | 用户从一个HTML元素上移开鼠标 |
onkeydown | 用户按下键盘按键(例如按下enter) |
onload | 浏览器已完成页面的加载 |