当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript初级教程(第一课)

Javascript
我也种棵OO树JXTree[js+css+xml]
新浪中用来显示flash的函数
JXTree对象,读取外部xml文件数据,生成树的函数
用js来格式化字符串示例模仿css
js prototype 格式化数字 By shawl.qiu
新浪刚打开页面出来的全屏广告代码
记录几个javascript有关的小细节
Some tips of wmi scripting in jscript (1)
JavaScript Try...Catch 声明的 使用方法
JS版获取字符串真实长度和取固定长度的字符串函数
Javascript中的数学函数
ArrayList类(增强版)
javascript中巧用“闭包”实现程序的暂停执行功能
javascript判断单选框或复选框是否选中方法集锦
FireFox的getYear的注意事项
JavaScript For...In 使用方法
JavaScript Switch 声明
JavaScript If...Else 声明
JavaScript For 循环
JavaScript While 循环 教程

Javascript 中的 JavaScript初级教程(第一课)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 167 ::
收藏到网摘: n/a

交互性!多数网站声称交互性即当你点击一个链接时到达一个新的页面,但严格道来甚至当网页中具有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:“唤起”方式。
下一课中你将了解更多。到现在为止,你只需要知道须用一半</script>结束,并将"alert"文本放在引号之间
JavaScripts 以 </script> 标签结束。
看!这就跟HTML一样简单。
简单?是的。 对了 ... 实际上, 有一个 复杂之处

在上一个例子中我们碰到一个问题即有些旧的浏览器不理解<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练习.
你已精疲力尽了吧? 在你挂机之前, 花一分钟阅读一下我们的第一课回顾。