楼主: keaide

JavaScript教程

[复制链接]
论坛徽章:
456
ITPUB年度最佳版主
日期:2011-12-28 15:24:18马上有对象
日期:2014-02-19 11:55:14马上有钱
日期:2014-02-19 11:55:14马上有房
日期:2014-02-19 11:55:14马上有车
日期:2014-02-19 11:55:14ITPUB年度最佳版主
日期:2014-02-19 10:05:27优秀写手
日期:2013-12-18 09:29:09ITPUB社区千里马徽章
日期:2013-06-09 10:15:34ITPUB年度最佳版主
日期:2013-01-30 17:30:25版主9段
日期:2012-07-03 02:21:03
51#
 楼主| 发表于 2006-5-28 21:49 | 只看该作者
第十二页:自己动手操作
在给你布置的作业中,你需要利用第2课的作业构建你的浏览
器。document对象有一个属性叫做bgcolor,你可以想在HTML
的body标签中设置背景色那样设置document对象的背景色,你
可以用名称,如 "red," 或16进制值如"#FF0000"。

接下来用分割窗口和必要的JavaScript编写家庭作业3。>>

使用道具 举报

回复
论坛徽章:
456
ITPUB年度最佳版主
日期:2011-12-28 15:24:18马上有对象
日期:2014-02-19 11:55:14马上有钱
日期:2014-02-19 11:55:14马上有房
日期:2014-02-19 11:55:14马上有车
日期:2014-02-19 11:55:14ITPUB年度最佳版主
日期:2014-02-19 10:05:27优秀写手
日期:2013-12-18 09:29:09ITPUB社区千里马徽章
日期:2013-06-09 10:15:34ITPUB年度最佳版主
日期:2013-01-30 17:30:25版主9段
日期:2012-07-03 02:21:03
52#
 楼主| 发表于 2006-5-28 21:49 | 只看该作者
第十三页:第三天复习
今天的课程中我们将了以下内容:窗口、分割窗口、文件对象
模块(Document Object Model)和面向对象的编程。

其中学习了如何打开按自己的方式窗口;用JavaScript在一个
窗口中影响另一个窗口;在分割窗口之间的交流;对象的属性
和方法;域对象模块(Domain Object Model)。

浏览器窗口就是包含着其它对象的对象。了解了DOM中对
象的等级关系之后,你就可以控制HTML页中的各个特
性。

使用道具 举报

回复
论坛徽章:
456
ITPUB年度最佳版主
日期:2011-12-28 15:24:18马上有对象
日期:2014-02-19 11:55:14马上有钱
日期:2014-02-19 11:55:14马上有房
日期:2014-02-19 11:55:14马上有车
日期:2014-02-19 11:55:14ITPUB年度最佳版主
日期:2014-02-19 10:05:27优秀写手
日期:2013-12-18 09:29:09ITPUB社区千里马徽章
日期:2013-06-09 10:15:34ITPUB年度最佳版主
日期:2013-01-30 17:30:25版主9段
日期:2012-07-03 02:21:03
53#
 楼主| 发表于 2006-5-28 21:49 | 只看该作者
第一页:第四课介绍
对于Java script来说有两个主要部分:该语言本身及其目
标库。在第2课介绍的语法中,我们已经研究了变量,语句
和if-then子句,这些是所有程序设计语言的组成部分。现在来
学习Java script语法的其余部分。

对于Java script语法来说,我们仅剩下三个问题需要学习:
循环、数组和函数。

让我们从循环开始。

使用道具 举报

回复
论坛徽章:
456
ITPUB年度最佳版主
日期:2011-12-28 15:24:18马上有对象
日期:2014-02-19 11:55:14马上有钱
日期:2014-02-19 11:55:14马上有房
日期:2014-02-19 11:55:14马上有车
日期:2014-02-19 11:55:14ITPUB年度最佳版主
日期:2014-02-19 10:05:27优秀写手
日期:2013-12-18 09:29:09ITPUB社区千里马徽章
日期:2013-06-09 10:15:34ITPUB年度最佳版主
日期:2013-01-30 17:30:25版主9段
日期:2012-07-03 02:21:03
54#
 楼主| 发表于 2006-5-28 21:49 | 只看该作者
第二页:循环介绍
有时你想反复做同一件事。你想向某些人询问一个口令,你不
断地问,直到得到正确的口令。如果你只想给他们两次尝试的
机会,你可以这么做:


      var the_password = "pass the wrench";

var answer = prompt("What's the woyd?","";

if (answer != the_password) {

        answer = prompt("What's the woyd?","";

        if (password != the_password) {

                document.write("You lose!<p>";

        } else {

                document.write("That's right!<p>";

        }

} else {

        document.write("That's right!<p>";

}

使用道具 举报

回复
论坛徽章:
456
ITPUB年度最佳版主
日期:2011-12-28 15:24:18马上有对象
日期:2014-02-19 11:55:14马上有钱
日期:2014-02-19 11:55:14马上有房
日期:2014-02-19 11:55:14马上有车
日期:2014-02-19 11:55:14ITPUB年度最佳版主
日期:2014-02-19 10:05:27优秀写手
日期:2013-12-18 09:29:09ITPUB社区千里马徽章
日期:2013-06-09 10:15:34ITPUB年度最佳版主
日期:2013-01-30 17:30:25版主9段
日期:2012-07-03 02:21:03
55#
 楼主| 发表于 2006-5-28 21:50 | 只看该作者
第三页:循环的密码
那就是密码!

让我们逐行地来研究这个例子,如果你想看整个答案,可以查看源码。

在这个典型的Java script序言之后,我们从双变量申报开始:


var password="pass the wrench";

var answer;



这里我们定义该密码作为一个字符串,我们申报一个称为
answer的变量。你将理解为什么我们不得不立即申报一
个answer。下面几行是非常重要的:

使用道具 举报

回复
论坛徽章:
456
ITPUB年度最佳版主
日期:2011-12-28 15:24:18马上有对象
日期:2014-02-19 11:55:14马上有钱
日期:2014-02-19 11:55:14马上有房
日期:2014-02-19 11:55:14马上有车
日期:2014-02-19 11:55:14ITPUB年度最佳版主
日期:2014-02-19 10:05:27优秀写手
日期:2013-12-18 09:29:09ITPUB社区千里马徽章
日期:2013-06-09 10:15:34ITPUB年度最佳版主
日期:2013-01-30 17:30:25版主9段
日期:2012-07-03 02:21:03
56#
 楼主| 发表于 2006-5-28 21:50 | 只看该作者
while (answer != password)

{

answer = prompt("What's the woyd?","";

}



这是一个while循环。while 循环的一般格式为:


while (some test is true)

{

do the stuff inside the curly braces

}



上述几行表明:“当answer不等价于Password时,执行提示
命令。”这一循环将持续地执行波形括号内的语句直至测试
失败。在使用者输入的单词与密码一致(即Pass the wrench)的
情况下,测试必将失败。

使用道具 举报

回复
论坛徽章:
456
ITPUB年度最佳版主
日期:2011-12-28 15:24:18马上有对象
日期:2014-02-19 11:55:14马上有钱
日期:2014-02-19 11:55:14马上有房
日期:2014-02-19 11:55:14马上有车
日期:2014-02-19 11:55:14ITPUB年度最佳版主
日期:2014-02-19 10:05:27优秀写手
日期:2013-12-18 09:29:09ITPUB社区千里马徽章
日期:2013-06-09 10:15:34ITPUB年度最佳版主
日期:2013-01-30 17:30:25版主9段
日期:2012-07-03 02:21:03
57#
 楼主| 发表于 2006-5-28 21:50 | 只看该作者
由于在对一个未申报的变量执行一个如(answer!=password)的
测试时,在某些浏览器上会产生错误,所以我们必须申
报answer。由于在while循环中将通过提示方案对answer赋值,
在我们第一次进行循环中,answer将没有数值。提前定义它并
设定其处始值为“”。

由于不定义循环经常地使用,循环经常用来执行一组语句某一
特定的次数。这里用另一个循环来演示如何作这项工作。

使用道具 举报

回复
论坛徽章:
456
ITPUB年度最佳版主
日期:2011-12-28 15:24:18马上有对象
日期:2014-02-19 11:55:14马上有钱
日期:2014-02-19 11:55:14马上有房
日期:2014-02-19 11:55:14马上有车
日期:2014-02-19 11:55:14ITPUB年度最佳版主
日期:2014-02-19 10:05:27优秀写手
日期:2013-12-18 09:29:09ITPUB社区千里马徽章
日期:2013-06-09 10:15:34ITPUB年度最佳版主
日期:2013-01-30 17:30:25版主9段
日期:2012-07-03 02:21:03
58#
 楼主| 发表于 2006-5-28 21:50 | 只看该作者
第四页:再谈WHILE循环
我们已见到了很多所请求的X`S,现在复习一下:

第一步:请求X`S的数目

var width = prompt("How many x's would you like? (1-10 is
good)","5";


下一步,申报一些变量:


var a_line="";

var loop = 0;


现在,关键之处:



while (loop < width)

{

        a_line = a_line + "x";

        loop=loop+1;

}

使用道具 举报

回复
论坛徽章:
456
ITPUB年度最佳版主
日期:2011-12-28 15:24:18马上有对象
日期:2014-02-19 11:55:14马上有钱
日期:2014-02-19 11:55:14马上有房
日期:2014-02-19 11:55:14马上有车
日期:2014-02-19 11:55:14ITPUB年度最佳版主
日期:2014-02-19 10:05:27优秀写手
日期:2013-12-18 09:29:09ITPUB社区千里马徽章
日期:2013-06-09 10:15:34ITPUB年度最佳版主
日期:2013-01-30 17:30:25版主9段
日期:2012-07-03 02:21:03
59#
 楼主| 发表于 2006-5-28 21:51 | 只看该作者
即说:“当变量循环小于所请求的X`S行宽时,在该行加入另一
X然后在循环值上加1。”该循环将继续加一X到该行并在循环值
上加1直到循环不在小于请求的行宽。请看下列源码分析:

第一次
a_line = "" (because we initialized it to be ""
loop=0 (because we initialized it to be 0)
width=2 (because that's what the user asked for)
0 is less than 2 so
a_line = a_line + "x", so now a_line = "x"
loop=loop+1, so now loop = 1
返回循环:第二次
loop=1
width=2
a_line = "x"
1 is less than 2 so
a_line = a_line + "x", so now a_line = "xx"
loop=loop+1, so now loop = 2
返回循环:第3次
loop=2
width=2
a_line = "xx"
2 is NOT less than 2 so
fall out of the loop and do what follows

使用道具 举报

回复
论坛徽章:
456
ITPUB年度最佳版主
日期:2011-12-28 15:24:18马上有对象
日期:2014-02-19 11:55:14马上有钱
日期:2014-02-19 11:55:14马上有房
日期:2014-02-19 11:55:14马上有车
日期:2014-02-19 11:55:14ITPUB年度最佳版主
日期:2014-02-19 10:05:27优秀写手
日期:2013-12-18 09:29:09ITPUB社区千里马徽章
日期:2013-06-09 10:15:34ITPUB年度最佳版主
日期:2013-01-30 17:30:25版主9段
日期:2012-07-03 02:21:03
60#
 楼主| 发表于 2006-5-28 21:51 | 只看该作者
随后是:

      
alert(a_line);


启动一个警告对话框。

这种循环运用的如此普遍以至于程序员们开发了一些简便
方式,条件循环可写成这样:

      
while (loop < width)

{

        a_line += "x";  //this was a_line = a_line + "x";

        loop++;         //this was loop=loop+1;

}

使用道具 举报

回复

您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

TOP技术积分榜 社区积分榜 徽章 团队 统计 知识索引树 积分竞拍 文本模式 帮助
  ITPUB首页 | ITPUB论坛 | 数据库技术 | 企业信息化 | 开发技术 | 微软技术 | 软件工程与项目管理 | IBM技术园地 | 行业纵向讨论 | IT招聘 | IT文档
  ChinaUnix | ChinaUnix博客 | ChinaUnix论坛
CopyRight 1999-2011 itpub.net All Right Reserved. 北京盛拓优讯信息技术有限公司版权所有 联系我们 未成年人举报专区 
京ICP备16024965号-8  北京市公安局海淀分局网监中心备案编号:11010802021510 广播电视节目制作经营许可证:编号(京)字第1149号
  
快速回复 返回顶部 返回列表