当前位置:文档之家› Javascript基础教程

Javascript基础教程

Javascript简介 (2)Javascript简介 (2)简单的Javascript入门示例 (4)编写Javascript 代码 (5)语句(Statements) (5)语句块(Blocks) (6)注释(Comments) (7)表达式(Expressions) (8)赋值和等于(Assignments and Equality) (9)Javascript常用运算符(Operators) (10)算术运算符 (10)逻辑运算符 (11)赋值运算符 (12)Javascript 循环语句(Javascript Loop Statements) (12)使用for 循环语句 (13)使用for...in 循环语句 . (15)使用while 和do...while 循环语句 (17)使用break 和continue 语句 (20)Javascript写在哪里 (23)Javascript在<body></body>之间 (23)Javascript在<head></head>之间 (24)Javascript放在外部文件里 (25)Javascript变量(Javascript Variables) (26)什么是变量? (26)变量的声明(Declaring Variables) (26)变量的命名规则 (27)Javascript条件语句(Javascript Conditional Statements) (27)单项条件结构(if条件语句) (28)双向条件结构(if...else条件语句) (29)多项条件结构(switch条件语句) (31)Javascript保留字(Javascript Reserved Words) (32)Javascript未来保留字(Javascript Future Reserved Words) (33)Javascript简介Javascript简介Javascript是一种解释性的,基于对象的脚本语言(an interpreted, object-based scripting language)。

HTML网页在互动性方面能力较弱,例如下拉菜单,就是用户点击某一菜单项时,自动会出现该菜单项的所有子菜单,用纯HTML网页无法实现;又如验证HTML表单(Form)提交信息的有效性,用户名不能为空,密码不能少于4位,邮政编码只能是数字之类,用纯HTML网页也无法实现。

要实现这些功能,就需要用到Javascript。

Javascript是一种脚本语言,比HTML要复杂。

不过即便你先前不懂编程,也不用担心,因为Javascript写的程序都是以源代码的形式出现的,也就是说你在一个网页里看到一段比较好的Javascript代码,恰好你也用得上,就可以直接拷贝,然后放到你的网页中去。

正因为可以借鉴、参考优秀网页的代码,所以让Javascript本身也变得非常受欢迎,从而被广泛应用。

原来不懂编程的人,多参考Javascript示例代码,也能很快上手。

Javascript主要是基于客户端运行的,用户点击带有Javascript的网页,网页里的Javascript就传到浏览器,由浏览器对此作处理。

前面提到的下拉菜单、验证表单有效性等大量互动性功能,都是在客户端完成的,不需要和Web Server发生任何数据交换,因此,不会增加Web Server的负担。

几乎所有浏览器都支持Javascript,如Internet Explorer(IE),Firefox,Netscape,Mozilla,Opera等。

简单的Javascript入门示例我们先来看一个最简单的例子,代码如下:<html><head><title>一个最简单的Javascript示例(仅使用了document.write)</title></head><body><script type="text/javascript">document.write("Hello, World!");</script></body></html>在HTML网页里插入Javascript语句,应使用HTML的<script>。

<script>这个tag有个属性叫type,type="text/javascript"表示插入<script></script>其中的为Javascript语句。

上面的例子中,使用了document.wirte,这是Javascript 中非常常用的语句,表示输出文本。

我们还可以将这个例子写得更加复杂写,不但输出文本,而且输出带HTML格式的文本。

代码如下:<script type="text/javascript">document.write("<h1>Hello,World!</h1>");</script>在参考别人的Javascript代码时,你也许会看到<script>里写的不是type="text/javascript",而是language="javascript"。

目前这两种方法都可以表示<script></script>里的代码是Javascript。

其中language 这个属性在W3C的HTML标准中,已不再推荐使用。

编写Javascript 代码发布时间:2007-10-12 11:39 作者: PHPChina 信息来源: PHPChina[我来说两句(7048条)]象很多其它编程语言一样,Javascript也是用文本格式编写,由语句(statements),语句块(blocks)和注释(comments)构成。

语句块(blocks)是由一些相互有关联的语句构成的语句集合。

在一句语句(statement)里,你可以使用变量,字符串和数字(literals),以及表达式(expressions)。

语句(Statements)一个Javascript程序就是一个语句的集合。

一句Javascript 语句相当于一句完整的句子。

Javascript语句将表达式(expressions)用某种方式组合起来,得以完成某项任务。

一句语句(statement)包含一个或多个表达式(expressions),关键词(keywords)和运算符(operators)。

一般来说,一句语句的所有内容写在同一行内。

不过,一句语句也可以写成多行。

此外,多句语句也可以通过用分号(;)分隔,写在同一行内。

建议:将每句语句以显示的方式结束,即在每个语句最后加分号(;)来表示该句语句的结束。

以下是几个语句的例子:aBird = "Robin";上面这句语句表示将"Robin"这个字符串赋值给变量aBird。

var today = new Date();上面这句语句表示将今天的日期值赋值给变量today。

语句块(Blocks)通常来说,用{}括起来的一组Javascript语句称为语句块(blocks)。

语句块通常可以看做是一句单独的语句。

也就是说,在很多地方,语句块可以作为一句单个的语句被其它Javascript 代码调用。

但是以for和while开头的循环语句例外。

另外要注意的是,注意:在语句块里面的每句语句以分号(;)表示结束,但是语句块本身不用分号。

语句块(blocks)通常用于函数和条件语句中。

下面的例句中,{}中间的5句语句构成一个语句块(block),而最后三行语句,不在语句块内。

function convert(inches) {feet = inches / 12;miles = feet / 5280;nauticalMiles = feet / 6080;cm = inches * 2.54;meters = inches / 39.37;}km = meters / 1000;kradius = km;mradius = miles;注释(Comments)为了程序的可读性,以及便于日后代码修改和维护时,更快理解代码,你可以在Javascript程序里为代码写注释(comments)。

在Javascript语言里,用两个斜杠//来表示单行注释。

见例句:aGoodIdea = "Comment your code thoroughly."; //这是单行注释。

多行注释则用/*表示开始, */表示结束。

见例句:var aSecondExpression = Math.PI * radius * radius;var aThirdExpression = aSecondExpression + "%" + anExpression;var aFourthExpression = "(" + aSecondExpression + ") % (" + anExpression + ")";赋值和等于(Assignments and Equality)Javascript语言中使用等号(=)表示变量赋值。

等号左边的值可以是:∙变量∙数组元素∙对象属性等号右边的值可以是任何类型的值,包括表达式。

例句如下,表示将整数8赋值给x这个变量。

x = 8;注意:在Javascript里,要判断两个值是否相等,不用等号,而是用两个等号来表示(==)。

例句如下,表示x等于8。

x == 8Javascript常用运算符(Operators)发布时间:2007-10-12 11:43 作者: PHPChina 信息来源: PHPChina[我来说两句(4923条)]算术运算符运算符运算符说明示例示例说明+ 加法x+y如果x为整数2,y为整数5, x+y等于7如果x为字符串"text1", y为字符串"fun",x+y则等于"text1fun"- 减法x -y* 乘法x *y/ 除法x /y%两者相除求余数x%y如果x等于10, y等于3, x%y结果等于1+递增x如果x等于10, x++等于11+ ++-- 递减y--如果y等于10, y--等于9逻辑运算符运算符运算符说明示例示例说明= = 等于x==y如果x等于2, y等于2,则x==y= ==全等于(值相等,数据类型也相等)x===y如果x等于整数2,y为字符串"2",则x===y不成立> 大于x>y>=大于等于x>=y < 小于x<y<=小于等于x<=y !=不等于x!=y!==不全等于x!==y& & 与(and)x < 10&& y > 1! 非(not) !(x==y)|| 或(or)x==8 || y==8赋值运算符运算符运算符说明示例示例说明=赋值x=5将整数5这个值赋给变量x注意:请注意赋值(=)和等于(==)的区别。

相关主题