JavaScript教程

keaide

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');

第一行是说：“使该字符串包含变量以斜体显示”，这实际上
即是：

keaide

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');

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

keaide

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

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

var broken_bold = bold_tech + "<br>";

document.writeln(broken_bold);



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

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

keaide

第六页：if-then子句
"if-then"子句的应用可以使得程序根据用户输入的值作出不同
的反应。例如你可以写一段程序使得它对你与对其他人反应
不同。这里是它的基本格式：


if (some condition is true)

{

    do something;

    do something;

    do something;       

}


本结构的重要部分:

以单词 "if"开始 (if 必须小写).
圆括弧中是条件：非真即伪。
如果条件为真的话执行花括弧中的语句。
记住：空格是唯一保持程序可读性的东西。当然你可以将整
个if-then语句写在一行中，但它读起来就费劲了。

这里是一个if-then子句的例子。

keaide

第七页：if-then语句的例子
如果你在即时对话框中键入yes，你将在看到本页其他部分前收
到一个亲切的问候。若敲入别的则没有。

这里是该语句的核心：

var monkey_love = prompt("你喜欢网猴吗？","敲入是
或否。";

if (monkey_love == "是"

{

alert("谢谢！很高兴您能来这儿！请往下读吧！";


}

keaide

第一行你见过。它唤起一个对话框并将用户的反馈调入变
量monkey_love中。但第二行就有些不同：它有个条件，即如果
变量monkey_love等于值"是" ，则运行花括号中的语句。若它
等于其他值，则不运行。

注意该条件中的两个等于标记，这是人们容易搞混的地方之
一。如果你只用一个标记，实际上是告诉JavaScript测试是
否monkey_love等于 "是"。幸运的是，多数浏览器在你运行这
些语句时会识别这些错误并警告你。但最好现在开始就注意别
犯这种错误。

其他重要的条件是：

(variable_1 > variable_2)  is true if variable_1 is greater than variable_2

(variable_1 < variable_2)  is true if variable_1 is less than variable_2

(variable_2 <= variable_2)  is true if variable_1 is less than or equal to variable_2

(variable_1 != variable_2)  is true if variable_1 does not equal variable_2

keaide

有两个方法可使你的条件更合理：

在运行花括号中的语句前如果你想要两件事为“是”，可这
样做：


if ((variable_1 > 18) && (variable_1 < 21))

{

  document.writeln("variable_1 can vote, but can't drink.";

}



注意这里的两个“&&”在JavaScript中这是“与”的意思。也
注意整个子句有两个部分，&&须在圆括号中。

若想两件事之一为真，这样做：


if ((variable_1 == "bananas" || (variable_1 == "JavaScript")

{

  document.writeln("The monkey is happy because it has " +   variable_1);

}

keaide

第九页：链结事件
一旦用户点击一个链结，或将鼠标移到其上，JavaScript发送
一个链结事件。一种链结事件叫做onClick, 当用户点击它时才
发送。另一种叫onMouseOver，用户将鼠标移到上面时即发送。

你可用这些事件来影响用户所见。这里是一个如何使用链结事
件的例子，试一试，再瞧瞧源码，然后我们来一行一行的复习。

第一个有趣的事情是没有<script> 标签。这是因为出现在
onClick 和 onMouseOver引号中的任何事度是可为JavaScripts
编译的。事实上句末前的半括号内允许你将JavaScripts写成
一行，你可将整个JavaScripts程序放在一个onClick的引号
内，但看上去会很难看。

请看第一行：

keaide

a href="#" onClick="alert('Ooo, do it again!');">Click on me!</a>



这就象一个正式的定位标签，但它具有神奇的onClick=""这即
说“当某人点击该链结时运行该引号中的JavaScripts”注意
在alert后有一有一中止性的半括号。

也请注意在href=""的引号中没有东西，这表明虽然有链结，但
当你点击时那儿也去不了。

下一行是：


<a href="#" onMouseOver="alert('Hee hee!');">Mouse over me!</a>



这就象第一行，只是用onMouseOver代替onClick。

现在我们学完了链结事件，请进入奇妙的图片交替！

keaide

第十页：图片交换
JavaScripts的一个主要应用是其具有使你移动鼠标时图片自动
切换功能。不幸的是，微软的IE3.0不支持这种应用。用户最好
立即更新到IE4.0或改用Netscape 3.0。

这里是一个快捷的基本的图片交换例子。

让我们一步布的剖析这个例子，

第一行是：


<img src="button_r.gif" name="the_image">

这就象一个标准的 <img src= > 标签，只是它被给了一个名
字：the_image， 名字是任意取的：my_image, a_box......
但不许有任何空格在里面。