第4页 字符串的魔力 作者:Thau! |
如前一节所提,引号间的字符都称为字符串,无论单双引号。 就如变量可为数字一样,它也可为字符串。因此可说: |
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返回信息。在上 行中返回信息放入其变量中。 注意该提示方式有两个变量,且都是字符串。第一个在对话框 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中所有字符以大写显示第三行显示改变字符串属性的例子。。所有的字符具有颜色, 也可这样作: |
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); |
但这要创建另一个变量,并不必要的写另一行。 现在我们已学习了所有的关于变量和字符串知识,请做一个练习 |
第1页:第二天课程简介 第2页: 变量介绍 第3页:首个变量例子的程序主体 第4页: 字符串的魔力 第5页: 变量练习 第6页: if-then 子句 第7页: if-then 语句的例子 第8页: if-then 练习 第9页: 链结事件 第10页: 图片交换 第11页: 练习 2 第12页: 复习 |