JavaScript基本语法详解:脚本嵌入、注释与格式规范

作者:函数茶馆时间:2026-10-30 01:23:57浏览:479

本文详细讲解JavaScript的基本语法结构,包括如何在HTML中使用script标签嵌入代码,推荐使用的type属性。重点介绍了JavaScript的注释写法(单行与多行)、大小写敏感特性以及分号使用的最佳实践,帮助初学者掌握规范的代码编写方式。

JavaScript脚本嵌入与script标签属性

JavaScript代码通常通过放置在HTML文档中的<script>...</script>标签对来嵌入网页。

虽然<script>标签可以放置在网页的任意位置,但最佳实践是将其放在<head>标签内部。

<script>标记用于告知浏览器开始将标记之间的文本解释为脚本,因此JavaScript的基本语法结构如下所示。

代码如下:

<script ...>
JavaScript code
</script>

script标签包含两个重要属性:

  1. language:该属性指定所使用的脚本语言,通常值为JavaScript。尽管较新的HTML(及其继任者XHTML)版本已不再推荐使用此属性。
  2. type:当前推荐使用的属性,用于指示脚本语言,其值应设置为"text/javascript"。

因此,你的JavaScript代码片段应编写为如下形式:


<script language="javascript" type="text/javascript">
 JavaScript code
</script>

第一个JavaScript脚本示例

第一个JavaScript脚本示例:

让我们编写一个打印"Hello World"的示例。


<html>
<body>
<script language="javascript" type="text/javascript">
<!--
  document.write("Hello World!")
//-->
</script>
</body>
</html>

JavaScript代码前可选地添加HTML注释,以兼容不支持JavaScript的旧浏览器。使用"//->"作为注释结尾,其中"//"表示JavaScript中的单行注释,这样可防止浏览器将HTML注释的结束符误读为JavaScript代码。

接下来,我们调用document.write函数,该函数用于向HTML文档写入字符串。此函数可用于输出文本、HTML或两者兼有。因此,上述代码将显示以下结果:


Hello World!

空格、换行与分号规范

空格和换行处理:

JavaScript会忽略程序中出现的空格、制表符和换行符。

正因为如此,你可以自由地格式化和缩进程序,使其整洁一致,从而让代码更易于阅读和理解。你可以在程序中自由使用空格、制表符和换行符。 分号的使用是可选的:

通常在JavaScript中,简单语句后跟分号,这源于C、C++和Java的习惯。但在JavaScript中,如果每个语句都放置在单独的行上,可以忽略分号。例如,以下代码可以不使用分号编写:


<script language="javascript" type="text/javascript">
<!--
 var1 = 10
 var2 = 20
//-->
</script>

但是,当代码格式化在同一行时,如下所示,则必须使用分号:


<script language="javascript" type="text/javascript">
<!--
 var1 = 10; var2 = 20;
//-->
</script>

大小写敏感性与注释语法

注:使用分号是一种良好的编程习惯。 区分大小写:

JavaScript是一种区分大小写的语言。这意味着语言的关键字、变量名、函数名以及其他标识符必须始终以一致的字母大小写形式书写。

因此,标识符Time、TIme和TIME在JavaScript中具有不同的含义。

注:在JavaScript中定义变量和函数名时需注意大小写。 JavaScript中的注释:

JavaScript支持C风格和C++风格的注释,具体如下:

  • //与行结束之间的所有文本被视为注释,JavaScript会忽略它们。
  • /*和*/之间的任何字符被视为注释,这可以跨越多行。
  • JavaScript还识别HTML注释的起始序列<!--,JavaScript将其视为单行注释,类似于//注释。
  • HTML注释的结束序列-->无法被识别,因此JavaScript应写为//-->。

示例:


<script language="javascript" type="text/javascript">
<!--

// This is a comment. It is similar to comments in C++

/*
 * This is a multiline comment in JavaScript
 * It is very similar to comments in C Programming
 */
//-->
</script>

作者最新文章