当前位置: 主页->程序设计->Javascript基础教程
 

第一课

Javascript教程
课程简介
实际应用
隐藏JavaScript
第一天复习

第二课

第二天课程简介
变量介绍
首个变量例子的程序主体
字符串的魔力
变量练习
if-then子句
if-then语句的例子
if-then练习
链接事件
图片交换
练习2
复习

第三课

第三天课程简介
窗口操作介绍
Javascript中的窗口操作
JavaScript中的窗口操作举例
Windows特性
JavaScript文件目标模块
状态条的操作
窗口间的交流
再谈JavaScript  DOM
窗口的其它特性
再谈WindowFrame树杈结构
自己动手操作
第三天复习

第四课

第四课介绍
循环介绍
循环的密码
再谈WHILE循环
For循环
嵌套循环
循环练习
数组
数组和循环
文件目标模块中的数组
函数
无参数函数
参数及返回值
多于一个参数的函数

第五课

第五课课程介绍
介绍反馈表单
控制文字域的值
文字域事件
反馈表单处理器
文字域的练习
复选框
单选框
选单
在选单中应用onchange命令

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

但看起来要好的多!今后在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);

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

现在我们已学习了所有的关于变量和字符串知识,请做一个练习

JavaScript教程
第一页
第二天课程简介
第二页变量介绍
第三页首个变量例子的程序主体
第四页:字符串的魔力
第五页变量练习
第六页if-then子句
第七页if-then语句的例子
第八页if-then练习
第九页链接事件
第十页图片交换
第十一页练习2
第十二页复习

[第1课][第2课][第3课][第4课][第5课]