您的位置：首页 > Web前端 > JavaScript

JavaScript基本语法讲解

2015-06-03 00:00 771 查看

JavaScript由被放置在<script>... </script>的JavaScript语句，在网页中的HTML标签。

可以将<script>包含您的JavaScript在网页的任何地方，但最好的方式是放它在<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".

<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程序。

因为这样你就可以自由地格式化和缩进程序在一个整洁，一致的方式，使代码易于阅读和理解，你可以使用空格，制表符，换行符和自由地在你的程序中。

分号是可选：

一般后跟一个分号在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应该写成//-->。

示例:

<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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航