历史
?992q_(d)Nombas开始开发一U嵌入式脚本语言Q叫做C-minus-minus(Cmm)。[待箋...
能够h交互性，能够包含更多z跃的元素，有必要在网中嵌入其它的技术。如QJavascript、VBScript、Document Object ModelQ文件目标模块）(j)、Layers?Cascading Style SheetsQ?a target="_blank">CSSQ，q里主要讲Javascript。那么Javascript是什么东东？Javascript是适应动态网制作的需要而诞生的一U新的编E语aQ如今越来越q泛C用于Internet|页制作上?Javascript是由 Netscape公司开发的一U脚本语aQscripting languageQ，或者称为描q语a。在HTML基础上，使用Javascript可以开发交互式Web|页。Javascript的出C得网和用户之间实现了一U实时性的、动态的、交互性的关系Qɾ|页包含更多z跃的元素和更加_ֽ的内宏V?q行用Javascript~写的程序需要能支持Javascript语言的浏览器。Netscape公司 Navigator 3Q?以上版本的浏览器都能支持 JavascriptE序Q?a target="_blank">微Y公司 Internet Explorer 3Q?以上版本的浏览器基本上支持Javascript。微软公司还有自己开发的JavascriptQ称为JScript?Javascript和Jscript基本上是相同的，只是在一些细节上有出入?Javascript短小_?zhn)Q?又是在客h上执行的Q大大提高了|页的浏览速度和交互能力?同时它又是专门ؓ(f)制作Web|页而量w定做的一U简单的~程语言?br />
虽然Q在Dreamweaver的Behaviors可以为我们方便地使用JavascriptE序而不用编写代码，但我们自׃解了Javascript的编E方法后Q将能更加方便灵zd应用Q也使Javascript的代码更l。本专题通过对一pd典型E序的剖析，使你快速地掌握Javascript的编E技巧，设计量上乘的动态网|下坚实的基础。在此之前，我们先了解一些Javascript 的基本概c(din)?br />
JavaScript 有什么特?br /> JavaScript 使网增加互动性。JavaScript 使有规律地重复的HTML文段化，减少下蝲旉。JavaScript 能及(qing)时响应用L(fng)操作Q对提交表单做即时的(g)查，无需费旉交由 CGI 验证。JavaScript 的特Ҏ(gu)无穷无尽的，只要你有创意?br />
Java ?JavaScript 有什么不?br /> 很多人看?Java ?JavaScript 都有“Java”四个字Q就以ؓ(f)它们是同一样东西，q我自己当初也是q样。其实它们是完完全全不同的两U东ѝJavaQ全U应该是 Java AppletQ是嵌在|页中，而又有自q立的q行H口的小E序。Java Applet 是预先编译好的，一?Applet 文gQ?classQ用 Notepad 打开阅读Q根本不能理解。Java Applet 的功能很强大Q可以访?http、ftp{协议，甚至可以在电(sh)脑上U病毒（已有先例了）(j)。相比之下，JavaScript 的能力就比较?yu)了。JavaScript 是一U“脚本”（“Script”）(j)Q它直接把代码写?HTML 文中，览器读取它们的时候才q行~译、执行，所以能查看 HTML 源文件就能查看JavaScript 源代码。JavaScript 没有独立的运行窗口，览器当前窗口就是它的运行窗口。它们的相同点，我想只有同是?Java 作编E语a一点了?br />
开?JavaScript 该用什么Y?br /> 一?JavaScript E序其实是一个文，一个文本文件。它是嵌入到 HTML 文中的。所以，M可以~写 HTML 文的Y仉可以用来开?JavaScript。在此我推荐大家?FrontPage 2000 附带?Microsoft 脚本~辑器（?FrontPage 菜单 | 工具 | ?| Microsoft 脚本~辑器）(j)。它是个?Visual Basic / C++ 一L(fng)E序开发器Q能Ҏ(gu)在输入的语句作出要提C。配?FrontPage 2000Q工作量大大减?br />
一、Javascript在网늚用法
Javascript加入|页有两U方法：(x)
1、直接加入HTML文
q是最常用的方法，大部分含有Javascript的网都采用q种Ҏ(gu)Q如Q?br />
<script language="Javascript">
<!--
document.writeln("q是JavascriptQ采用直接插入的Ҏ(gu)Q?);
//-Javascriptl束-->
</script>
在这个例子中Q我们可看到一个新的标{：(x) <script>…?lt;/script>Q?lt;script language="Javascript?gt; 用来告诉览器这是用Javascript~写的程序，需要调动相应的解释E序q行解释?br />
HTML的注释标{?lt;!--?->Q用来去掉浏览器所不能识别的Javascript源代码的Q这对不支持 Javascript 语言的浏览器来说是很有用的?br />
//-Javascriptl束Q双斜杠表示 Javascript的注释部分，即从//开始到行尾的字W都被忽略?至于E序中所用到的documentQwriteQ）(j)函数则表C将括号中的文字输出到窗口中去， q在后面会(x)详细介绍?另外一炚w要注意的是，<script>…?lt;/script>的位|ƈ不是固定的，可以包含?lt;head>......</head> ?lt;body>.....</body>中的M地方?
2、引用方?如果已经存在一个Javascript源文Ӟ以js为扩展名Q，则可以采用这U引用的方式Q以提高E序代码的利用率。其基本格式如下Q?br />
<script srcQurl language="Javascript"></script>
其中的Url是E序文g的地址。同L(fng)Q这L(fng)语句可以攑֜HTML文头部或主体的M部分?如果要实现“直接插入方式”中所举例子的效果Q可以首先创Z个Javascript源代码文件“Script.js”，其内容如下：(x)
document.writeln("q是JavascriptQ采用直接插入的Ҏ(gu)Q?);
在网中可以q样调用E序Q?lt;script srcQ?Script.js" language="Javascript"></script> ?br />
二、Javascript基本概念
在这里只作简单介l，在以后的例子中结E序再作具体解释其作用?br />
1、运符
q算W就是完成操和的一pdW号Q它有七c：(x)
赋D符、算术运符、比较运符、逻辑q算W、条件运、位操作q算W和字符串运符?br />
2、表辑ּ
q算W和操作数的l合UCؓ(f)表达式，通常分ؓ(f)四类Q赋D辑ּ、算术表辑ּ、布?yu)(dng)表辑ּ和字W串表达式?br />
3、语?br />
JavascriptE序是由若干语句l成的，语句是编写程序的指o(h)。Javascript提供了完整的基本~程语句Q它们是Q?br />
赋D句、switch选择语句、while循环语句、for循环语句、do while循环语句、break循环中止语句和continue循环中断语句?br />
4、函?br />
函数是命名的语句D，q个语句D可以被当作一个整体来引用不着和执行。用函数要注意以下几点Q?br />
1Q函数由关键字function定义Q?
2Q函数必d定义后用，否则出错；
3Q函数名是调用函数时引用的名Uͼ它对大小写是敏感的，调用函数时不可写错函数名Q?br />
4Q参数表CZ递给函数使用或操作的|它可以是帔RQ也可以是变量；
5Qreturn语句用于q回表达式的|也可以没有?br />
5、对?br />
Javascript的一个重要功能就是基于对象的功能Q通过Z对象的程序设计，可以用更直观、模块化和可重复使用的方式进行程序开发?br />
一l包含数据的属性和对属性中包含数据q行操作的方法，UCؓ(f)对象。比如要讑֮|页的背景颜Ԍ所针对的对象就是documentQ所用的属性名是bgcolorQ如document.bgcolor="blue"Q就是表CZ背景的颜色ؓ(f)蓝色?br />
6、事?br />
用户与网交互时产生的操作，UCؓ(f)事g。绝大部分事都由用户的动作所引发Q如Q用h鼠标的按钮，׃生onclick事gQ若鼠标的指针的链接上移动，׃生onmouseover事g{等。在Javascript中，事g往往与事件处理程序配套用?br />
学习(fn)Javascript比较快速有效的Ҏ(gu)是先熟?zhn)一些基本概念，然后扑և个别计好的程序认真仔l地分析一遍，再稍作改动，再看看能否达到预期目的，不断CD一反三Q既可以加深对一些参数、设计方法的理解Q又可以快速地提高自己的水q뀂另外，再提醒一下：(x)Javascript对大写是敏感的Q特别是一些对象、方法、属性的大小写一定要一_(d)要养成一U良好的?fn)惯Q否则在调试E序时可要篏M了?br />
7?a target="_blank">变量
?var myVariable = "some value";
很明昑օ前的q个仁兄只是对JAVASCRIPT很厉?他所说的JAVA其实是错误的
Java是由Sun Microsystems公司?995q?月推出的JavaE序设计语言和Javaq_的ȝ。用Java实现的HotJava览器（支持Java appletQ显CZJava的魅力：(x)跨^台、动感的Web、Internet计算。从此，Java被广泛接受ƈ推动了Web的迅速发展，常用的浏览器现在均支持Java applet。另一斚wQJava技术也不断更新?br /> Javaq_由Java虚拟机（Java Virtual MachineQ和Java 应用~程接口QApplication Programming Interface、简UAPIQ构成。Java 应用~程接口为Java应用提供了一个独立于操作pȝ的标准接口，可分为基本部分和扩展部分。在g或操作系l^C安装一个Javaq_之后QJava应用E序可q行。现在Javaq_已经嵌入了几乎所有的操作pȝ。这样JavaE序可以只编译一ơ，可以在各种pȝ中运行?br /> Java分ؓ(f)三个体系JavaSEQJavaEE,JavaME?br />
]]>
|
| var thissize=20 |
声明一个变量，定义字符串长度?/td> |
| var textfont="隶书" | 声明一个变量，定义字体?/td> |
| var textcolor= new Array() textcolor[0]="000000" textcolor[1]="000000" textcolor[2]="000000" textcolor[3]="111111" textcolor[4]="222222" textcolor[5]="333333" textcolor[6]="444444" textcolor[7]="555555" textcolor[8]="666666" textcolor[9]="777777" textcolor[10]="888888" textcolor[11]="999999" textcolor[12]="aaaaaa" textcolor[13]="bbbbbb" textcolor[14]="cccccc" textcolor[15]="dddddd" textcolor[16]="eeeeee" textcolor[17]="ffffff" textcolor[18]="ffffff" |
定义一个新数组Qƈ列出其中的元素?/td> |
| var message = new Array() message[0]="z恩在线 求知无限" message[1]="十二亿h的网上大? i_message=0 |
定义新数l，q列出其中的元素?/td> |
| var i_strength=0 var i_message=0 |
声明变量Qƈ赋初倹{?/td> |
| var timer | 声明变量?/td> |
| function glowtext() { | 定义函数?/td> |
| if(document.all) |
如果是IE览器，执行以下语句?/td> |
| { if (i_strength <=17) |
如果i_strength <=17Q执行以下语句?/td> |
| { glowdiv.innerText=message[i_message] document.all.glowdiv.style.filter= "glow(color="+textcolor[i_strength]+", strength=4)" i_strength++ |
输出i_message的|然后i_strength递加Q即亮度增加?/td> |
| timer=setTimeout("glowtext()",100) } |
?00毫秒Q调用一ơglowtext函数?/td> |
| else { clearTimeout(timer) setTimeout("deglowtext()",1500) } |
如果i_strength 大于17了，调用deglowtext函数Q即亮度开始变暗?/td> |
| } } function deglowtext() { if(document.all) { if (i_strength >=0) |
定义deglowtext函数Qƈ当浏览器是IEӞi_strength >=0Ӟ执行以下语句?/td> |
| { glowdiv.innerText=message[i_message] document.all.glowdiv.style.filter= "glow(color="+textcolor[i_strength]+", strength=4)" i_strength-- |
输出i_message的|然后i_strength递减Q即亮度减弱?/td> |
| timer=setTimeout("deglowtext()",100) } else { clearTimeout(timer) i_message++ |
?00毫秒Q调用一ơglowtext函数Q减到最暗，接着执行下一个字W串?/td> |
| if (i_message>=message.length) {i_message=0} i_strength=0 intermezzo() } } } |
如果数组message中的字符串都执行完了Q一切恢复初始设|，q执行intermezzo函数?/td> |
| function intermezzo() |
定义一个函数intermezzo?/td> |
| { glowdiv.innerText="" setTimeout("glowtext()",1500) } |
1.5U后Q重新调用glowtext函数?/td> |
]]>
如果与a,form对象Qimage对象Qapplet对象相对应的html标记中设定了name性质Q它的值将被用作document对象的属性名Q用来引用相应的对象Q其他的对象则不可以?
另外,input{如果作为form的子元素,则直接用inputName或者document.inputName来引用此对象是错误?必须使用formName.inputName引用,否则可以用inputName来引?
另外应该注意到有很多qx用的元素都没有name.
如果惛_用一个有id的元?只能用Id或者document.getElementById,document.all.id来引?
但是象这L(fng)元素,所以象<a href="......" name="linkname" id="linkid">......</a>q样?
可以?
linkid.href;
linkname.href;
document.all.linkid.href;
document.all.linkname.href;
document.getElementById("linkid").href;
document.getElementsByName("linkname")[0].href来引?
all是一个集合，包含所有html对像的集合，写一个程式，可以存取到所有的对像。像q样Q?
<script language="javascript">
var obj="";
for(i=0;i<document.all.length;i++)
obj+=document.all[i].tagName+";";
alert(obj);
</script>
注意要把E式攑ֈ</html>之后哦?
]]>