您的位置:寻梦网首页编程乐园JavaScriptJavascript 教程
第1课 第2课 第3课 第4课 第5课 第6课 第7课 第8课

JavaScript教程 - 第3课




  好,现在我们准备作一个关于变量的练习,但首先再注意一下字符串。

  如前一节所提,引号间的字符都称为字符串,无论单双引号。

  就如变量可为数字一样,它也可为字符串。因此可说:

  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>";


  但看起来要好的多!今后在JavaScript写document.writeln(italic_hippy)时,你得到的是斜体显示的字符。

  下一行讲述的技巧是在HTML中实现不了的,它使得hippy_monkey中所有字符以大写显示

  第三行显示改变字符串属性的例子。。所有的字符具有颜色,你可用string.fontcolor('new color');命令改变其颜色。也可这样作:

  var red_bold_tech = "<font color='red'>" + bold_tech + "</font>";

  但它阅读起来不如这样容易:

  var red_bold_tech = bold_tech.fontcolor('red');

  本例中除本行外你还可看到其他的应用:

  document.writeln(bold_tech + "<br>");

  它除替代显示一字符串外,还连接两个字符串然后显示结果。也可写成两行,象这样:

  var broken_bold = bold_tech + "<br>";
  document.writeln(broken_bold);

  但这要创建另一个变量,并不必要的写另一行。


(作者:N/A 来源:网络精英)