要编写JavaScript,您需要Web浏览器以及文本编辑器或HTML编辑器。
一旦准备好软件,就可以开始编写JavaScript代码了。要将JavaScript代码添加到HTML文档,您需要使用文本/ HTML编辑器创建或打开HTML文件。基本HTML文件具有docType和一些基本HTML标记,例如<html> <head>和<body>。例如,基本的HTML 5文档可能类似于下面显示的内容。
<!DOCType HTML>
<HTML>
<HEAD>
<title>测试JavaScript </ title>
</ HEAD>
<BODY>
[内容在这里]
</ BODY>
</ HTML>
当您在Web上看到JavaScript代码时,有时会在<head> </ head>标记之间看到一些JavaScript代码。或者,您可以在<body> </ body>标签中看到它(甚至在两个地方都可以看到它)。要将JavaScript代码与HTML代码分开,您需要将其包含在一组<script> </ script>标记中。开始<script>标记有一个必需属性和一个可选属性。必需属性是type属性,而optional属性是src(允许您指向外部脚本文件,本答案稍后会介绍)。 type属性的值设置为text / javascript,如下所示。
<script type =“text / javascript”>
您的JavaScript代码就在这里。
</ SCRIPT>
如您所见,您的JavaScript代码位于开始和结束脚本标记之间。作为示例脚本,您可以直接在Web页面上编写一个简单的文本字符串,如下面的代码所示(将其放在<body>和</ body>标记之间):
<script type =“text / javascript”>
document.write(“使用JavaScript代码编写的文本!”);
</ SCRIPT>
在上面的示例中,标准JavaScript函数在页面上的引号之间显示文本。它看起来像下面的例子。
使用JavaScript代码编写的文本!
在页面上包含JavaScript的另一个选择是在外部文本文件中创建脚本,并使用.js扩展名保存(使其成为JavaScript文件)。然后使用开始脚本标记的src属性将.js文件包含在页面中。因此,如果您想通过将其放在外部文件中来使用上述脚本,则可以将JavaScript代码(不带脚本标记)放入新的文本文件中,如下所示:
document.write(“使用JavaScript代码编写的文本!”);
然后,您将使用.js扩展名保存文件。例如,您可以将其保存为write.js。保存文件后,您可以通过开始脚本标记的src属性从HTML代码中调用它,如下面的write.js所示。
<script type =“text / javascript”src =“write.js”> </ script>
上述过程与在脚本标记之间编写代码具有相同的效果,但不会使用JavaScript代码混淆HTML代码(有时可能会变得非常冗长)。此方法的另一个优点是可以在多个页面中包含相同的脚本,编辑脚本文件将在使用外部脚本文件的每个页面中更新脚本。这样做可以更容易地编辑脚本,因为它可以在一个地方完成(而不是在包含脚本的每个页面上编辑脚本标记内的代码)。
现在您已了解如何将JavaScript代码添加到网页中,您可以使用任意数量的JavaScript示例脚本,也可以按照JavaScript教程或书籍了解有关JavaScript编码的更多信息。