Javascript基础教程(二)

每个接触程序的人，必定首先接触到的是这行代码，输出"Hello world"。Javascript也不例外，让我尝试如何用Javascript给浏览器输出一个字符串"hello world"。

1.第一个Javascript小例子

1)我们使用的编程工具为webstorm。具体用法请大家参照前面的《HTML5基础教程》或者《CSS基础教程》。

创建以下项目结构，新建index.html页面。

2)编写代码如下：

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>第一个例子</title>
</head>
<body>

<script>
    document.write("Hello,Javascript!");
</script>
</body>
</html>

运行结果如下：

2.尝试不同类型的HelloWorld

Javascript可以很方便地实现web页面的人机交互。

尝试编写以下代码：

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>第一个例子</title>
</head>
<body>

<script>
    alert("Hello,World!");
</script>
</body>
</html>

会弹出一个警告窗口。

Javascript也可以在浏览器的控制台输出一些调试信息。

例如：

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>第一个例子</title>
</head>
<body>

<script>
    console.log("Hello,Javascript");
</script>
</body>
</html>

以Chrome浏览器为例，选择"更多工具"->"开发者工具",如下图所示：

切换到Console标签，可以看到输出结果。