JavaScript编程
这里有一个简单的 JavaScript 语句,用于创建一个弹出对话框,显示 "Hello World!":
alert("Hello World!");
为了让浏览器执行这条语句,它必须放在 HTML 的 <script>
元素内。这个元素用于描述 HTML 代码中包含可执行代码的部分。稍后会对其进行更详细的描述。
<script>
alert("Hello World!");
</script>
然后,<script>
元素应嵌套在 HTML 文档的 <head>
元素内。假设页面在启用了 JavaScript 的浏览器中查看,浏览器将在页面加载时执行(执行)该语句。
<!DOCTYPE html>
<html lang="en">
<head>
<title>Some Page</title>
<script>
alert("Hello World!");
</script>
</head>
<body>
<p>The content of the web page.</p>
</body>
</html>
这个基本的 "Hello World" 程序可以作为你需要创建的任何新程序的起点。
练习
-
复制并粘贴上述基本程序到一个文件中,将其保存为
'exercise_1-1.html'
。你可以通过以下几种方式运行它:-
使用文件管理器打开该文件,并通过网页浏览器打开。
-
启动浏览器,然后从菜单中打开该文件。
-
启动浏览器,然后使用文件协议指定
'exercise_1-1.html'
的 URL。请注意:a)'file:'
后有 3 个斜杠;b) 将'temp'
替换为你目录的名称。 -
Windows:
file:///C:/temp/exercise_1-1.html
(这是 Windows 语法,尽管如此使用斜杠而不是反斜杠) -
Linux:
file:///temp/exercise_1-1.html
会发生什么?
点击查看解决方案
会弹出一个对话框,显示文本:Hello World! -
-
将上述文件保存为
'exercise_1-2.html'
。将alert("Hello World!");
语句中的双引号替换为单引号,使其变为alert('Hello World!');
,然后保存文件。如果你在浏览器中打开该文件,会发生什么?