JavaScript初级教程(第二课)第3/7页

 更新时间:2007年04月05日 00:00:00   作者:  

如前一节所提,引号间的字符都称为字符串,无论单双引号。就如变量可为数字一样,它也可为字符串。因此可说:
    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);
    但这要创建另一个变量,并不必要的写另一行。
    现在我们已学习了所有的关于变量和字符串知识,请做一个练习
    <script language="JavaScript">
    <!-- being hiding me
    var name = prompt("输入一个主语: ","");
    var verb = prompt("输入一个谓语: ","");
    var adjective= prompt("输入一个宾语: ","");
    var sentence = name + " " + verb +  " " + adjective + "。<p>";
    document.writeln(sentence);
    document.writeln(sentence.bold());
    document.writeln(sentence.toUpperCase());
    document.writeln(sentence.fontcolor('red'));
    // end hiding me -->
    </script>
    当你完成该工作后,该开始if子句练习了。

相关文章

  • JavaScript中的prototype和constructor简明总结

    JavaScript中的prototype和constructor简明总结

    一直没弄清楚JavaScript中的prototype和constructor属性,今天看了看书,总算有点眉目了
    2014-04-04
  • Array对象方法参考

    Array对象方法参考

    Array对象方法参考...
    2006-10-10
  • Javascript中的默认参数详解

    Javascript中的默认参数详解

    本文详细介绍了javascript中的默认参数问题,非常的详细,希望对大家能有所帮助
    2014-10-10
  • JavaScript中几个重要的属性(this、constructor、prototype)介绍

    JavaScript中几个重要的属性(this、constructor、prototype)介绍

    this表示当前对象,如果在全局作用范围内使用this,则指代当前页面对象window,prototype本质上还是一个JavaScript对象,constructor始终指向创建当前对象的构造函数
    2013-05-05
  • JavaScript中的匀速运动和变速(缓冲)运动详细介绍

    JavaScript中的匀速运动和变速(缓冲)运动详细介绍

    一个div的运动其实就是它与浏览器边框的距离在变动。如果他变化的速率一定,那就是匀速运动;如果变化的速率不一定,那么就是变速运动
    2012-11-11
  • JavaScript之数组(Array)详解

    JavaScript之数组(Array)详解

    这篇文章主要介绍了JavaScript之数组(Array)详解,本文详细讲解了JavaScript数组的创建、检测数组、转化方法、栈方法、队列方法、重排序方法、操作方法、位置方法等内容,需要的朋友可以参考下
    2015-04-04
  • JavaScript中document.referrer的用法详解

    JavaScript中document.referrer的用法详解

    这篇文章主要给大家介绍了关于JavaScript中document.referrer的用法,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-07-07
  • DOM基础教程之使用DOM + Css

    DOM基础教程之使用DOM + Css

    这篇文章主要介绍了DOM基础教程之使用DOM + Css,需要的朋友可以参考下
    2015-01-01
  • Javascript浅谈之引用类型

    Javascript浅谈之引用类型

    这篇文章主要介绍了Javascript引用类型,有需要的朋友可以参考一下
    2013-12-12
  • 如何用JavaScript定义一个类

    如何用JavaScript定义一个类

    其实Javascript中没有类这个定义,但是有类这个概念。很多人都写过这样的代码,就是一个关键字 function,然后定义一个方法名,方法名后紧跟一对括号。如果你在项目中写过这样的代码,那么祝贺你,你可以不费任何吹毛之力,就能一口气读完这篇文章了。
    2014-09-09

最新评论