前端教程:JavaScript语法

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

可以将<script>包含您的JavaScript在网页的任何地方,但最好的方式是放它在<head>标签内。

<script>标记警告浏览器程序,开始解释这些标记之间的所有文本作为一个脚本。所以,JavaScript的语法简单如下:

<script ...>
  JavaScript code
</script>123复制代码类型:[javascript]

script标签有两个重要属性:language: 该属性指定的脚本语言所使用。通常情况下,它的值是JavaScript。虽然最近HTML(和XHTML,其继任者)的版本已经不再使用这个属性。

type: 该属性是现在被推荐来指示所使用的脚本语言和它的值应被设置为 "text/JavaScript".所以,你的JavaScript片段应该是这样的:

<script language="javascript" type="text/javascript">
  JavaScript code
</script>123复制代码类型:[javascript]

第一个JavaScript脚本:

让我们写一个例子打印出来"HelloWorld".

<html><body><script language="javascript" type="text/javascript"><!--
   document.write("Hello World!")
//--></script></body>
</html>12345678910复制代码类型:[javascript]

JavaScript代码可选HTML注释。这里是的代码不支持JavaScript的浏览器。用“//->”注释结束。“//”表示在JavaScript的注释,所以我们增加了防止浏览器在读取HTML注释的结尾作为一段JavaScript代码。

接下来,我们调用一个函数document.write其写入字符串到HTML文档。这个函数可用于写文本,HTML,或两者都有。所以,上面的代码会显示以下结果:

Hello World!1复制代码类型:[javascript]

空格和换行:

JavaScript忽略空格,制表符和换行符出现在JavaScript程序。

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

分号是可选:

一般后跟一个分号在JavaScript中简单的语句,只是因为它们在C,C++和Java。JavaScript,但是可以忽略这个分号,如果每个语句放置在一个单独的行。例如,下列代码可被写入,而不使用分号

<script language="javascript" type="text/javascript">
<!--
  var1 = 10
  var2 = 20//--></script>123456复制代码类型:[javascript]

但是,当在一行如下格式化,分号是必需的:

<script language="javascript" type="text/javascript">
<!--
  var1 = 10; var2 = 20;//--></script>12345复制代码类型:[javascript]

注:使用分号是一个良好的编程习惯。

区分大小写:

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>
(0)

相关推荐

  • JavaScript基础-01

    JavaScript基础-01

  • 【2020Python修炼记】前端开发之 JavaScript 基础

    [目录] 一.什么是JavaScript 二.如何学习JavaScript 三.JavaScript 的三种书写位置 一.什么是JavaScript 1.简介 JavaScript 和 Java 一点 ...

  • jQuery的遍历

    jQuery对象本身就是数组对象,通过jQuery选择器获得的都是满足该选择器条件的元素对象的集合体.因此常常需要对jQuery对象进行遍历. 1. 原始方式遍历 语法 for(var i=0;i&l ...

  • 前端教程——JavaScript函数中重构If/Else语句的方法

    无论使用何种编程语言,代码都需要根据不同的情况对给定的输入做出不同的决定并执行相应的操作.举例来说,在游戏中,如果玩家的生命值是0,游戏就结束了.在气象应用程序中,如果观看早晨的日出,就会看到一张照片 ...

  • 前端教程:React之Fragments组件语法片段的使用

    React开发中常见的模式之一是将多个元素返回一个组件,Fragments允许您聚合一个子元素列表,并且不会在DOM中添加额外的节点.会Vue的朋友当然会发现,它看起来和Vue的template非常相 ...

  • 前端教程:在浏览器中启用JavaScript

    所有现代浏览器都使用了JavaScript的内置支持.很多时候,你可能需要启用或手动禁用此支持. 本教程将让您知道如何启用和禁用JavaScript支持,在您的浏览器:IE浏览器,Firefox和Op ...

  • 前端教程:在HTML文件放置JavaScript

    在HTML文档中的任何地方可包括JavaScript代码.但也有以下的最佳方法来包含JavaScript在HTML文件. 在 <head>...</head> 部分. 在 &l ...

  • 前端教程:JavaScript运算符

    简单的答案可以使用表达式4+5等于9.在这里,4和5被称为操作数:+被称为运算符.JavaScript语言支持下列类型的运算符. 算术运算符 比较运算符 逻辑(或关系)运算符 赋值运算符 有条件的(或 ...

  • 前端教程:JavaScript变量和数据类型

    编程语言的最根本的特征之一是一组它支持的数据类型.这些是可被表示和操纵的编程语言的值的类型. JavaScript允许有三个基本数据类型: 数字如.123,120.50等. 字符串如"Thi ...

  • 前端教程:JavaScript while循环

    在写一个程序时,可能有一种情况,当你需要一遍又一遍的执行一些操作.在这样的情况下,则需要写循环语句,以减少代码的数量. JavaScript支持所有必要的循环,以帮助您在所有编程的步骤. while ...

  • 前端教程:JavaScript Switch Case

    可以使用多个if...elseif语句,如前面的章节,执行多路分支.然而,这并不总是最佳的解决方案,尤其是当所有分支的依赖单一的变量的值. 使用JavaScript1.2开始,你可以用它处理的正是这种 ...

  • 前端教程:JavaScript if...else语句

    在写一个程序,可能有一种情况,当你需要采用一个路径出给定两个路径.所以,需要使用条件语句,让程序来做出正确的决策和执行正确的行动. JavaScript支持其用于执行根据不同的条件不同的操作条件语句. ...