【JS学习笔记】01.JS简介

1.JavaScript：写入 HTML 输出

document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");

如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖！

2. avaScript：对事件作出反应

<button type="button" οnclick="alert('Welcome!')">点击这里</button>

3. JavaScript：改变 HTML 内容

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

4. JavaScript：改变 HTML 图像

5.JavaScript：改变 HTML 样式

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

6. JavaScript：验证输入

if isNaN(x) {alert("Not Numeric")};

7.提示：JavaScript 是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前对所有代码进行编译。

8.提示：一个好的编程习惯是，在代码开始处，统一对需要的变量进行声明。

9.重新声明 JavaScript 变量

如果重新声明 JavaScript 变量，该变量的值不会丢失：

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

var carname="Volvo";
var carname;

10.

JavaScript 数组
下面的代码创建名为 cars 的数组：
var cars=new Array();
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";
或者 (condensed array):
var cars=new Array("Audi","BMW","Volvo");
或者 (literal array):

11.

JavaScript 对象

对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：

var person={firstname:"Bill", lastname:"Gates", id:5566};

对象属性有两种寻址方式：

实例

name=person.lastname;
name=person["lastname"];