javascript学习(一)——基本语法(2)

来源:未知 责任编辑:责任编辑 发表时间:2013-11-26 22:14 点击:

 
外部JavaScript文件是最常见的包含JavaScript代码的方式,这是有一些很实在的原因的:

1. 如果你的HTML页面中有着更少的代码的话,搜索引擎就能够以更快的速度来抓取和索引你的网站。

2. 保持JavaScript代码和HTML的分离,这样代码显得更清晰,且最终更易于管理。

3. 因为可以在HTML代码中包含进多个JavaScript文件,因此你可以把JavaScript文件分开放在web服务器上不同的文件目录结构中,这类似于图像的存放方式,这是一种更容易管理代码的做法。清晰、有条理的代码始终是让网站管理变得容易起来的关键。

变量

变量存储数据,这些数据稍后要被检索的或是要使用新的数据来更新。存储在变量中的数据可以是一个值或表达式,JavaScript语言有三种类型的表达式,表1对此做了描述。

表1. JavaScript表达式

表达式描述

算术 计算的结果为一个数值

字符串计算的结果为一个字符串

逻辑 计算的结果为一个布尔值(true或者false)

变量有两种类型:局部的和全局的。局部变量使用var这一关键字来声明,声明全局变量则不需要使用var关键字。使用了var关键字的变量被看成是 局部的,因为除了你声明它的地方所处的范围之外,它不能在其他任何地方被访问。例如,如果你在一个函数(在将近文章的结尾部分我会谈论到)的内部声明了一个局部变量的话,该变量就不能在该函数之外被访问,这就使得它是这一函数局部的。如果你没有使用var关键字声明这同一变量的话,它在整个脚本中就都是可被访问到的,而不仅限定于只能在那个函数中被访问。

清单4给出了一个局部变量的例子,其被命名为num,并被赋值为10。

清单4. 声明一个局部变量

var num = 10;  
var num = 10; 
要在脚本中的另一个位置访问num变量的值的话,你只需要通过名称来引用该变量就可以了,如清单5所示。

清单5. 访问变量的值

document.write("The value of num is: "+ num);  
document.write("The value of num is: "+ num); 
这一语句的结果是“The value of num is: 10”。这一document.write函数把数据写到网页中,在本文余下的部分中你都是使用这一函数来把例子写到网页中。

要把算术表达式存储到变量中的话,你只要把变量指配给计算的值就可以了,如清单6所示。计算的结果而非算式本身被存储在变量中。因此,我们又一次得到这一结果“The value of num is: 10”。

清单6. 存储算术表达式


var num = (5 + 5);   
document.write("The value of num is: "+ num);  
var num = (5 + 5); 
document.write("The value of num is: "+ num); 
要改变变量的值的话,通过你为变量所分配的名称来引用变量,并使用等号来为其赋一个新的值(清单7)。这次的不同之处在于你不需要使用var关键字,因为变量已经声明过了。

清单7. 改变现有变量的值


var num = 10;   
document.write("The value of num is: "+ num);   // 把num的值更新成15  num = 15;   
document.write("The new value of num is: "+ num);  
var num = 10; 
document.write("The value of num is: "+ num);   // 把num的值更新成15  num = 15;
document.write("The new value of num is: "+ num); 

这一脚本的结果先是一句“The value of num is: 10”,后面跟着“The new value of num is: 15”。除了讲解变量之外,这一节内容还引入了下一个主题,也就是运算符。你用来把值赋给变量的等号(=)就是一个赋值运算符,以及你用在5+5中的加号(+)是一个算术运算符。下一节内容谈论JavaScript语言中的所有变量运算符及其用法。

发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • Gb2312转utf-8编码的方法(vbs+js)
  • 如何使用Ajax技术开发Web应用程序(1)
  • js跳转路径问题
  • JavaScript模仿桌面窗口
  • 用js检测两个线段是否相交
  • 我知道的JavaScript -- 设计模式(桥接)应用之 – 验证器
  • 运用JavaScript构建你的第一个Metro式应用程序(on Windows
  • 我是如何去了解jquery的(六),案例之幻灯片轮换
  • Jquery封装幻灯片效果
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1