JavaScript+jQuery交互式Web前端开发(第2版)
上QQ阅读APP看书,第一时间看更新

1.3.1 JavaScript初体验

为了帮助读者初次体验JavaScript,下面将通过一个案例演示如何在Visual Studio Code代码编辑器中编写一段简单的JavaScript代码。本案例的要求是打开网页时自动弹出一个警告框,警告框中的提示内容为“锲而不舍,金石可镂”。

创建Example1.html文件,具体代码如例1-1所示。

例1-1 Example1.html

1 <!DOCTYPE html>
2 <html>
3 <head>
4   <meta charset="UTF-8">
5   <title>Document</title>
6 </head>
7 <body>
8   <script>
9     alert('锲而不舍,金石可镂');
10  </script>
11 </body>
12 </html>

编写完JavaScript代码后,按“Ctrl+S”快捷键保存代码,然后右击Visual Studio Code代码编辑器中的Example1.html文件,选择“Open with Live Server”,就会自动通过浏览器打开Example1.html文件。

例1-1的运行结果如图1-10所示。

图1-10 例1-1的运行结果

由图1-10可知,浏览器的页面弹出了警告框,警告框中的内容为“锲而不舍,金石可镂”,说明JavaScript代码运行成功。