上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代码运行成功。