JavaScript基本语法（一）

（学习网站：菜鸟教程）

1. 用法

（1）<script>(js代码)</script>；

（2）<body> 中的 JavaScript；

<body>
<script>
document.write("<h1>标题</h1>");
</script>
</body>

<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落</p>
<button type="button" onclick="myFunction()">尝试一下</button>
<script>
function myFunction()
{
    document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</body>

(3) <head> 中的 JavaScript；

<head>
<script>
function myFunction()
{
    document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</head>

（4）外部调用：新建.js文件<script>调用文件；

2. JavaScript输出

（1）使用 window.alert() 弹出警告框。

（2）使用 document.write() 方法将内容写到 HTML 文档中。

注意：document.write() 仅仅向文档输出写内容

（3）使用 innerHTML 写入到 HTML 元素。

<script>
document.getElementById("demo").innerHTML = "段落已修改。";
</script>

（4）使用 console.log() 写入到浏览器的控制台。

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

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

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

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

var carname="Volvo"; 
var carname;

4. JavaScript对象

（1）对象的定义：对象也是一个变量，但对象可以包含多个值（多个变量），可以使用字符来定义和创建 JavaScript 对象。

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

//对象可以跨越多行，空格跟换行不是必须的

（2）对象的属性：键值对通常写法为 name : value，在 JavaScript 对象通常称为 对象属性。

（3）访问对象属性：person.lastName或person["lastName"]。

（4）访问对象方法：

methodName : function() { code lines }//创建对象方法

objectName.methodName();//访问方法1

name=objectName.methodName;//访问方法2