1.5 编程实践：Hello JavaScript_JavaScript+jQuery前端开发基础教程（微课版）-QQ阅读男生都市网

上QQ阅读APP看书，第一时间看更新

1.5 编程实践：Hello,JavaScript

本节综合应用本章所学知识，使用JavaScript代码，在Web页面中输出“Hello,JavaScript”，如图1-28所示。

图1-28　编程实践浏览器输出结果

具体操作步骤如下。

（1）选择“文件\新建\文件”命令，打开“新建文件”对话框，如图1-29所示。

图1-29　新建HTML文件

（2）在文件类型列表中选中“HTML页”，单击“打开”按钮，创建一个新的HTML文件。

（3）修改HTML文件，代码如下。

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>第一章编程实践</title>
    <script>
        document.write("Helo,JavaScript")
    </script>
</head>
<body>
    第一章编程实践
</body>
</html>

（4）按【Ctrl+S】组合键保存HTML文件，文件名为test1-9.html。

（5）按【Ctrl+Shift+W】组合键，打开浏览器，查看HTML文件显示结果。

从本例的浏览器输出结果可以看到，放在HTML文件的<head>部分的JavaScript脚本先执行，所以其中输出的“Hello,JavaScript”显示在<body>内容的前面。读者可尝试将JavaScript脚本移动到文档末尾，这样“Hello,JavaScript”会在<body>内容之后显示。