JavaScript初级教程第二课

发布时间：2023-02-16 12:46:41 所属栏目：Java 来源：互联网

导读：上一讲我们学了JavaScript出现在何处，看起来象什么。现在我们开始学习这种语言。本课我们将学习JavaScript如何存储信息，如何根据信息作决定，如何根据用户交互要求交替图片这里是一个使用变量的JavaScript例子。在本例中我们一步一步浏览源码你将看到:

但看起来要好的多！今后在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">
　　    
　　    </script>
　　    当你完成该工作后，该开始if子句练习了。

　　"if"子句的应用可以使得程序根据用户输入的值作出不同的反应。例如你可以写一段程序使得它对你与对其他人反应不同。这里是它的基本格式：
　　    if (some condition is true)
　　    {
　　        do something;
　　        do something;
　　        do something;
　　    }
　　    本结构的重要部分:
　　    以单词 "if"开始 (if 必须小写).
　　    圆括弧中是条件：非真即伪。
　　    如果条件为真的话执行花括弧中的语句。
　　    记住：空格是唯一保持程序可读性的东西。当然你可以将整个if语句写在一行中，但它读起来就费劲了。
　　    这里是一个if子句的例子。
　　    <script language="JavaScript">
　　    
　　    </script>
　　    如果你在即时对话框中键入yes，你将收到一个亲切的问候。若敲入别的则没有。
　　    这里是该语句的核心：
　　    var monkey_love = prompt("你喜欢网猴吗？","敲入是或否。");
　　    if (monkey_love == "是")
　　    {
　　    alert("谢谢！很高兴您能来这儿！请往下读吧！");
　　    }
　　    第一行你见过。它唤起一个对话框并将用户的反馈调入变量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
　　    有两个方法可使你的条件更合理：
　　    在运行花括号中的语句前如果你想要两件事为“是”，可这样做：
　　    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);
　　    }
　　    回到if练习中来!
　　    <script language="JavaScript">
　　    var color = prompt("您喜欢哪种颜色，red还是blue？","");
　　    var adjective;
　　    var fontcolor;
　　    if (color == "red") {
　　     adjective = "活泼。";
　　     fontcolor="red";
　　    } else if (color == "blue") {
　　     adjective = "酷。";
　　     fontcolor="blue";
　　    } else {
　　     adjective = "困惑。";
　　     fontcolor="black";
　　    }
　　    var sentence = "您喜欢" + fontcolor + "？网猴认为您很" + adjective + "<p>";
　　    document.writeln(sentence.fontcolor(fontcolor));
　　    </script>

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

　　    你可用这些事件来影响用户所见。

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

　　    请看第一行：

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

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

（编辑：十堰站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

2/3

首页

尾页