|
|
JavaScript 教程 - 第1课 JavaScript教程 - 第一课 （转） 交互性！多数网站声称交互性即当你点击一个链接时到达一个新的页面，但严格道来甚至当网页中具有CGI语言时也并不意味它真正具有交互性。填好表格，按提交钮，等待......这就像往海中扔一个瓶子等候它自己飘回来一样。 幸运的是，现在我们有了Javascript, 于是网页可真正如你希望的那样交互作用。当鼠标移动到哪里，图片交换，表格元素在传递过程中即相互影响，无须等待CGI回复结果计算即可进行。没有任何提交 - 等待过程 - 任何事只是在你使用它时发生。 Javascript最杰出之处在于你可以用很小的程序做大量的事。你无须有高性能电脑，软件仅需一个字处理软件及一个浏览器，无须WEB服务器通道，在你自己的电脑上即可作所有的事情。 尽管工作起来很方便，但Javascript是一完整的编程语言，因而当你学完更复杂的Javascript, 你已学了一些电脑编程的基础了。 如果你想继续学其他编程语言如Perl,C,C++或Java,Javasript 是一个极好的引荐。 第二页：课程简介 本周，我们将开始五天教程的第一个三部曲，它将立即帮你写一些有用的Javascript. 不象其他似是而非的Javascript教程，本教程将教你怎样建造你梦中的浏览器。当你走过本教程所有的例子，你建造的浏览器将越来越精彩。 这里是你每天学习的简要大纲，及将要学习的一些例子。 第一天：介绍，一些例子，及你的第一个Javascript(例子) 第二天：变量，if-then语段，链接事件，图片交换。 第三天：窗口，架构，及文件目标模块 第四天：循环，序列及功能 第五天：表格，表格及更多的表格。 开始之前，有些重要的事情首先要注意： 首先，Javasript并非Java。 第二，Javascript也不是Javascript！这是指不同的浏览器处理Javascript的方式不同。有时同一浏览器的不同版本处理Javascript的方式也不同。本教程以网景导航者3.0作为标准。若有不兼容其他浏览器之处我们会指出。若无网景3.0，请立即下载。 第三，本教程并非好的参考书的替代物。Javascript资源丰富，好！不罗嗦了，让我们开始写一些Javascript。 第三页：实际应用 你已经观摩了一个例子，若你看了源码，你会理解怎么作的。 这里是应注意的关键事情：JavaScript通常出现在 </title>标签及</head>标签间。 如同HTML，JavaScript是一些可用字处理软件浏览的文本，它在描述页面的HTML相关区域出现。（尽 管我们仅看了JavaScript出现在HTML页的头区，它在主体中也可存在。下一课的例子中将可看到。 JavaScript以<script language="JavaScript">开始。 现在你并非真的非写入language="JavaScript"，因为JavaScript是所有浏览器的缺省选项。但有时也有例外。若不嫌麻烦的话加上不妨。在//间的是可被忽略的注释。 注释！注释！！注释！！！这是一个好的编程习惯，它使其他人可以读懂你的语言，他可是你的朋友，你的同事，或是三个月前的你。要使三个月前的你仍读懂你的语言，请在大段文本前在/* */间加注释，就象这样： /* this is a huge block of text that I've commented out */ alert("better, stronger, faster") - 唤起一简单的对话框，其中出现"better, stronger,faster" 字样。 这是你的第一个Javascript：“唤起”方式。 下一课中你将了解更多。到现在为止，你只需要知道须用一半括号结束，并将"alert"文本放在引号之间。 JavaScripts 以 </script> 标签结束。 看！这就跟HTML一样简单。 简单？是的。 对了 ... 实际上, 有一个 复杂之处。 第四页：隐藏JavaScript 在上一个例子中我们碰到一个问题即有些旧的浏览器不理解<script>标签。这些浏览器将象对付HTML一样对待你的JavaScript，于是乎该页面看起来是这样的： //put up an alert box, to show how they work alert("Soon, I will overthrow my browser!"); Congratulations 这多糟糕！ 幸运的是, 在HTML注释中有一个解决之法： <html> <head> <title> blah blah blah </title> <script language="JavaScript"> <!-- hide this stuff from other browsers 这里写入你的语言 // end the hiding comment --> </script> </head> <body> 等等...... 该方法的工作原理困惑了我好长一段时间，但你无须理解也能用它。若你非想知道，这里为你介绍。 好了，无论你相不相信，你将准备你的第一个JavaScript练习. 你已精疲力尽了吧？ 在你挂机之前, 花一分钟阅读一下我们的第一天回顾。 第五页：第一天复习 好了！你已开始理解JavaScript了。这是一个今天你所学的快速回顾。如果你错过了以下清单中的任一条，赶快返回看一下我是否忘看了。 今天涉及的主题: JavaScript 过人之处浏览器兼容问题学习JavaScript的其他方法JavaScript出现在页面的什么位置 怎样注释(随时随地！) 在不支持JavaScript的浏览器中隐藏JavaScript '唤起'对话框如何工作？ 今天主要是向你作个介绍，使你感到JavaScript是如何工作的。下一讲我们开始认真的讲述。 下一讲主题: JavaScript能理解何种信息 JavaScript怎样存储这些信息 JavaScript怎样决定作什么 怎样作那些时髦的图片交替 (作者：N/A 来源：网络精英) |
|||||||||