js复习笔记day1

一.基础

JavaScript 是脚本语言

JavaScript 是一种轻量级的编程语言。

JavaScript 是可插入 HTML 页面的编程代码。

JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。

JavaScript 很容易学习。

JavaScript：改变 HTML 内容

x=document.getElementById("demo")  //查找元素x.innerHTML="Hello JavaScript";    //改变内容

JavaScript：改变 HTML 图像

element=document.getElementById('myimage')if (element.src.match("bulbon")) {  element.src="/images/pic_bulboff.gif";  }else   {  element.src="/images/pic_bulbon.gif";   }

JavaScript：改变 HTML样式

x=document.getElementById("demo")  //找到元素 x.style.color="#ff0000";           //改变样式

JavaScript：验证输入

if isNaN(x) {alert("不是数字")};

JavaScript 输出

JavaScript 没有任何打印或者输出的函数。

JavaScript 显示数据

JavaScript 可以通过不同的方式来输出数据：

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

注：DOM (Document Object Model)（文档对象模型）是用于访问 HTML 元素的正式 W3C 标准。

JavaScript 字面量

document.getElementById("demo").innerHTML = 123e5;／／结果：12300000

JavaScript 数据类型

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 通过对象字面量赋值

16 + "Volvo”//"16Volvo"

JavaScript 对大小写是敏感的。

重新声明 JavaScript 变量

在以下两条语句执行后，变量 carname 的值依然是 "Volvo"

var carname="Volvo"; var carname;

JavaScript 拥有动态类型

var x;               // x 为 undefinedvar x = 5;           // 现在 x 为数字var x = "John";      // 现在 x 为字符串

var y=123e5;      // 12300000var z=123e-5;     // 0.00123

JavaScript 数组

var cars=new Array();cars[0]="Saab";cars[1]="Volvo";cars[2]="BMW";

var cars=new Array("Saab","Volvo","BMW");

var cars=["Saab","Volvo","BMW"];

JavaScript 对象

var person={firstname : "John",lastname  : "Doe",id        :  5566};

Undefined 和 Null

Undefined 这个值表示变量不含有值。

可以通过将变量的值设置为 null 来清空变量

JavaScript 对象是拥有属性和方法的数据。

var car = {type:"Fiat", model:500, color:"white"};

访问对象属性

person.lastName;

person["lastName"];