加入收藏 | 设为首页 | 会员中心 | 我要投稿 十堰站长网 (https://www.0719zz.com/)- 混合云存储、网络、视频终端、云计算、媒体处理!
当前位置: 首页 > 编程开发 > Java > 正文

JavaScript初级教程第二课

发布时间:2023-02-16 12:46:41 所属栏目:Java 来源:互联网
导读:上一讲我们学了JavaScript出现在何处,看起来象什么。现在我们开始学习这种语言。本课我们将学习JavaScript如何存储信息,如何根据信息作决定,如何根据用户交互要求交替图片 这里是一个使用变量的JavaScript例子。 在本例中我们一步一步浏览源码 你将看到:
  上一讲我们学了JavaScript出现在何处,看起来象什么。现在我们开始学习这种语言。本课我们将学习JavaScript如何存储信息,如何根据信息作决定,如何根据用户交互要求交替图片
      这里是一个使用变量的JavaScript例子。
      在本例中我们一步一步浏览源码 你将看到:
      <script language="JavaScript">
      <!-- hide me
      开始的这两行我们已经见过。这是任何JavaScript程序都必须的序曲。
      // load up some variables
      var secs_per_min = 60;
      var mins_per_hour = 60;
      var hours_per_day = 24;
      var days_per_year = 365;
      第一行是一个注释。含义很明确。
      下几行是变量申明,有几样事情需注意:
      当首次用一变量时,应以“var”申明。
      尽管以var 作为变量申明严格说并不必要,但这是一个好习惯。当我们讨论接下来的两课时,我们将知道为什么。
   
      变量必须以字母或强调性字符起始。
      第一个字符后,变量可以有数字。因此monkey_23即是合法的变量名。
      变量名多数是大小写敏感的,但对不同版本的JavaScript也不尽然。
      这意味着变量Loop和loop在有些浏览器中是不同的。一般情况下,建议坚持使用一种命名习惯并保持不变。我本人
  习惯使用变量间加下划线。其他人有喜欢变量间首字大写的,如secsPerMin。
      变量应描述其目的。
      象 x, y, 或hack_hack_hack对想要了解你的语言的人来说没有什么用。别使变量名太长以致敲起来费劲,但要长
  到有一定的描述力。
      在定义变量时就可赋于其一个值,也可今后在给出。
      在该例中每个变量开始定义时就被赋于了值。不一定非如此,今后的例子中我们将看到即使我们不知道其值,我
  们也可很好的定义它。
   
      语句以分号结束。
      语句是JavaScript的表达句,分号是结束标志。空格和空行是可被JavaScript编译器忽略的,他们仅是为人们读
  起来方便,该例可被写成长长的一行,但即使加上注释,看起来也会极其吃力。
      结束前我要提一下有时半括弧是不必须的,你可能也注意到有的人编的语句没有分号作为结束。但加上它是个好
  习惯,这不仅是由于你的程序的可读性会好的多,这也可减少空行,这些空行会塞满你的程序Webmonkey的习惯是
  在每一语句后加上半括弧作为结束。
      // do some calculations
      var secs_per_day = secs_per_min * mins_per_hour * hours_per_day;
      var secs_per_year = secs_per_day * days_per_year;
      这里我们看到了一些基本的算术。每当JavaScript执行了该语句,变量secs_per_year将是无论得到的什么数乘以60, 60,24, 和 365。以后,无论何时遇到变量secs_per_year,它将以这些巨大的数字替代。
      // end hiding -->
      </script>
      这里没什么新鲜的,是一个JavaScript片的结束。
      这是该例中头文件中JavaScript的全部,当JavaScript执行这些代码时,上述变量将被定义。但此时这些变量尚未做任何事,这是在该例主体中要完成的事。
 
  现在我们已经定义了变量,让我们用它来做一些事。
      <script language="JavaScript">
      <!-- hide me
      这里介绍如何用JavaScript写变量和网页。
      // here's how to use JavaScript to write out HTML
      document.writeln("<b>The monkey dances ");
      document.writeln(secs_per_year);
      document.writeln(" seconds per year.</b><p>");
      这里是关于这三行的兴趣点:
      document.writeln() 对于网页写入插入词。
      在document.writeln()中可作大量细节之事,但到此为止你只需记住你是在<script>和</script>标签之间,必须用document.writeln("blah!")在网页中写HTML引号中的字符显现出来;引号外的字符被认为是变量。
      注意在第一和第三行中,引号中的是我们想要显现的,而secs_per_year无引号。因此JavaScript认为它是变量并交换成变量值。幸好,在头文件中我们定义了secs_per_year是一大数,因此可被显现,否则JavaScript将报错。
      引号中的任何字都被称为字符串,JavaScript不编译它。
      本例中使用的是双引号("),也可使用单引号('),二者可互换。若第二行中的是
      document.writeln("secs_per_year"),JavaScript
      将直接将secs_per_year显现,而不是31,536,000.
      本例和字符的区别很重要,因此在我们继续下去之前,保证你已读懂了这段。
      你可以用document.writeln() 写HTML语言。
      注意第一和第三行的<b> 和 </b> 标签。
      这即是该例的概要。我们常见的一个问题是:“通常什么出现在头文件中,什么出现在主体文件中?”
      一般这关系不大。好的习惯是把大多数JavaScript放在页面的头上。这是因为比主体要先读到,所以出现在主体中的变量(如secs_per_min)都在头中定义了。当secs_per_min在JavaScript试图执行document.writeln(secs_per_min)命令后定义则JavaScript会报错。
      好,现在我们准备作一个关于变量的练习,但首先再注意一下字符串。
 
  如前一节所提,引号间的字符都称为字符串,无论单双引号。就如变量可为数字一样,它也可为字符串。因此可说:
      var nice_monkey = "The monkey smiles at you and recites Shakespeare.";
      var bad_monkey = "The monkey scowls at you and burps.";
      声明变量时即给变量赋值,使它等于这些字符串,于是当你想写这些字符串时,你可写:
      document.writeln(nice_monkey);
      var monkey = prompt("What's the monkey's name?", "The monkey");
      这里我们称为用户反馈提示方式,当它被调用时,启动一个对话框请求用户输入信息。用户完成后敲OK返回信息。在上行中返回信息放入其变量中。
      注意该提示方式有两个变量,且都是字符串。第一个在对话框输入区上面显示,本例中它是:“What's the monkey's name?”。本例中第二个参数"The monkey",放置输入框的缺省值。如果你不想要缺省值,则在第二个参数加上引号,就象这样:
      var monkey = prompt("What's the monkey's name?", "");
      下一行是直接变量分配,就象此前我们看到的:
      var techy_monkey = monkey + demanding + tech;
      该行介绍了一个字符串操作器:累加标记。当两个字符串间出现累加标记时,则这两个变量出现在同一字符串中,这称为“连锁”。于是上行创造了一个新的变量称为techy_monkey含有包含上述三个变量的字符串。换一句话说,其结果即是"The monkey" + "demands, no, insists upon receiving" + "a computer that won't crash, and a homemade browser!"
      var techy_monkey = monkey + demanding + tech;
      于是也可说:
      var techy_monkey = "The monkey demands, no, insists upon receiving a computer that won't crash, and a homemade browser!";
      下面一段显示更多的使用字符串的诀窍。其工作原理是相同的,我们只看三行:
      var italic_hippy = hippy_monkey.italics();
      var shouting_hippy= hippy_monkey.toUpperCase();
      var red_bold_tech = bold_tech.fontcolor('red');
      第一行是说:“使该字符串包含变量以斜体显示”,这实际上即是:
      var italic_hippy = "<i>" + hippy_monkey + "</i>";

(编辑:十堰站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

推荐文章
    热点阅读