JavaScript基本语法讲解
作者:bea
JavaScript由被放置在<script>... </script>的JavaScript语句,在网页中的HTML标签。 可以将<script>包含您的JavaScript在网页的任何地方,但最好的方式是放它在<head>标签内。 <script>标记警告浏览器程序,开始解释这些标记之间的所有文本作为一个脚本。所以,JavaScript的语法简单如下: 代码如下: <script ...> J
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对待这是一个单行注释,就像//注释。
在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>
有用 | 无用
可以将<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对待这是一个单行注释,就像//注释。
在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>
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- JavaScript函数使用的基本教程
- 浅谈利用JavaScript进行的DDoS攻击原理与防御
- js动态创建及移除div的方法
- JS实现窗口加载时模拟鼠标移动的方法
- 利用js实现禁止复制文本信息
- 详解JavaScript中循环控制语句的用法
- 讲解JavaScript中for...in语句的使用方法
- JavaScript中for循环的使用详解
- 详解JavaScript的while循环的使用
- jQuery中extend()和fn.extend()方法详解
- JavaScript中switch语句的用法详解
- jquery中添加属性和删除属性
- JavaScript中的条件判断语句使用详解
- 简单介绍JavaScript的变量和数据类型
- 在HTML中插入JavaScript代码的示例
- jQuery事件绑定on()、bind()与delegate() 方法详解
- 在浏览器中打开或关闭JavaScript的方法
- 浅谈javascript中基本包装类型
- js中函数声明与函数表达式