Javascript 语法
HTML中的JavaScript 脚本必须放在<script>... </script>
中, 而<script>... </script>
可以放在在HTML页面中的<body>
和 <head>
中的任意的位置,当然要根据实际的业务代码来定位置。
<script>
标签告诉浏览器程序从当前位置开始将这些标签之间的所有文本解释为Javascript脚本代码。
语法如下:
<script ...>
JavaScript code
</script>
<script>
标签有两个重要的属性
- Language- 此属性指定使用的脚本语言。通常,它的值将是 javascript。尽管最近版本的 HTML(和 XHTML,它的继任者)已经逐步淘汰了该属性的使用。
- Type - 现在推荐使用此属性来指示正在使用的脚本语言,其值应设置为“text/javascript”。
所以我们的 JavaScript 代码段看起来像下面这样
<script language = "javascript" type = "text/javascript">
JavaScript code
</script>
第一个 JavaScript 代码
让我们写第一个示例,向世界打个招呼,“Hello World”。我们在 JavaScript 代码周围添加了一个可选的 HTML 注释。这是为了从不支持 JavaScript 的浏览器中保存我们的代码。注释以“//-->”结尾。这里的“//”表示 JavaScript 中的注释,我们添加它是为了防止浏览器将 HTML 注释的末尾作为一段 JavaScript 代码读取。接下来,我们调用函数document.write,它将一个字符串写入我们的 HTML 文档。
此函数可用于编写文本、HTML。代码如下:
<html>
<body>
<script language = "javascript" type = "text/javascript">
<!--
document.write("开始学习Javascript,先向世界打个招呼吧!<br />")
document.write("Hello World!")
//-->
</script>
</body>
</html>
上述代码将在浏览器中显示如下文本
开始学习Javascript,先向世界打个招呼吧!
Hello World!
空格和换行符
JavaScript 会将程序中的空格、制表符和换行符忽略 。开发者可以在程序中自由使用空格、制表符和换行符,并且可以以整洁一致的方式自由地格式化和缩进程序,从而使代码易于阅读和理解。
分号不是必需的
JavaScript 中的简单语句通常后跟一个分号字符,就像C、C++ 和 PHP 中的代码一样。但是,如果每个语句都放在单独的行上,JavaScript 允许省略该分号。例如,可以不使用分号编写以下代码。
<script type = "text/javascript">
<!--
var var1 = 10
var var2 = 20
//-->
</script>
但是当按如下方式格式化为一行时,就必须使用分号了
<script type = "text/javascript">
<!--
var var1 = 10; var var2 = 20;
//-->
</script>
注意- 使用分号是一个很好的编程习惯。尽管在Javascript中不是必须的,我们还是建议都写上分号。
区分大小写
JavaScript 是一种区分大小写的语言。这意味着语言关键字、变量、函数名称和任何其他标识符必须始终使用一致的大写/小写字母输入。
例如,标识符Time和TIME在 JavaScript 中是不同的。
注意- 在 JavaScript 中编写变量和函数名称时应小心。
JavaScript 中的注释
JavaScript 支持 C 风格和 C++ 风格的注释
- // 和行尾之间的任何文本都被视为注释,并且被 JavaScript 忽略。
- 字符 /* 和 */ 之间的任何文本都被视为注释。这允许跨越多行。
- JavaScript 还识别 HTML 注释打开序列 <!--。JavaScript 将其视为单行注释,就像 // 注释一样。
- HTML 注释结束序列 --> 不被 JavaScript 识别,因此应将其写为 //-->。
示例
以下示例展示了如何在 JavaScript 中使用注释。
<script language = "javascript" type = "text/javascript">
<!--
// 这是一个单行注释. 风格和C++ 很像
/*
* 这是Javascript中的多行注释
* 和 C编程中的风格很像
*/
//-->
</script>