While, generally speaking, HTML is for content and CSS is for presentation, JavaScript is for interactivity.

1、在HTML中插入JavaScript代码，像下面这样：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script>
            alert("Hello, world.");
        </script>
    </body>
</html>

alert的意思是警告，类似于message. 效果上就是弹出一个对话框。

 

2、引用外部的.js文件

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script src="script.js"></script>
    </body>
</html>

script.js，这个文件与.html文件在同一目录下

alert("Hello, world.");

 

3、在浏览器Console中运行JavaScript代码，Chrome进入Console的快捷键是F12

JavaScript笔记01——数据存储（包括.js文件的引用）_数据

 

4、在正式开始学习前，需要强调的是：浏览器逐行执行JavaScript代码！

A browser then runs JavaScript line-by-line, starting at the top of the file or script element and finishing at the bottom (unless you tell it to go elsewhere).

 

数据存储 

5、询问用户姓氏的小程序

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script type="text/javascript">
            var surname = prompt('Greetings friend, may I enquire as to your surname?');
        </script>
    </body>
</html>

通过浏览器运行这段代码，将跳出一个“对话框”，询问你的姓氏。

JavaScript笔记01——数据存储（包括.js文件的引用）_html_02

 

6、在这个对话框中输入你的姓氏，点击确定，

这个时候你的姓氏将被存储在一个名为surname的变量中。

如果想再次使用这个值，通过surname就可以找到它了，

JavaScript笔记01——数据存储（包括.js文件的引用）_初始化_03

 

7、变量类似于一个“盒子”，我们利用它来储存数据；它具有“名”和“值”。

声明（Declaration）

var surname;
var age;

初始化（Initialization）

var name = "Tom";

赋值（assignment）

name = "Andy";
age = 43;

还可以同时声明多个初始化多个变量，例如：

var apples = 5, pears = 10;