JavaScript实例讲解1.pptVIP

JavaScript实例讲解 注意： 其作用是：对网页浏览者当前所触发的事件进行处理或对网页进行初始化工作。它是事先在网页中编写好代码(或叫做“脚本”)，然后此代码伴随HTML文件一起传送到客户端的浏览器上，由浏览器对这些代码进行解释执行，而其执行期间并不需要服务器帮忙，这样就减轻了服务器的负担。 例1.如何在HTML文档中嵌入JavaScript： html head title在Html文档中嵌入JavaScript/title /head body brp align=center这是Html文档的内容。/p brscript language=JavaScript !-- document.write(center这是使用JavaScript输出的内容!/center); -- /script brp align=center这是Html文档的内容。/p /body /html? 显示结果为： 分析： 使用script language=JavaScript和/script标签把JavaScript脚本语言的代码嵌入到Html文件之中的 可以把这两个标签放在Html文件中的任何地方，也就是说JavaScript脚本代码可以嵌入到Html文件的任何地方。 “!--”和“--”标签在Html语言中是用来注释的，在此处则是:若不认识JavaScript代码的浏览器，则所有在其中的标识均被忽略；若认识，则执行其结果。 在此例中使用了一个叫做document的对象，它指代的就是当前的Html文档，它的write方法是用来向文档中输送Html代码，此方法必须带一个字符串参数。 此例中把Html代码(即字符串)center这是使用JavaScript输出的内容!/center输送到了当前的Html文档中 函数(function)的应用： JavaScript的函数，主要分为两大类：第一类是负责数学计算或字符串处理；第二类则是将处理过的程序内容显示在网页上。这两类函数相互结合，才能JavaScript发挥最大功效。 第一个函数示例: htmlhead title第一个函数示例/title script language=Javascript !-- function talk() { alert(嘿，你好！);} //end function -- /script /head body form pinput type=button name=B1 value=请点击…… onclick=talk() /p /form/body/html 显示结果为： 分析： 通过Html语句input type=button ……产生一个按钮，当浏览者用鼠标去点击此按钮时将触发按钮的onclick事件 依据语句onclick=talk()Html文件将会调用函数talk()。 函数必须用function来标识，然后空一格，紧跟函数名，接着是()号 函数中可以有很多语句，这些语句必须用{号和}号括起来 函数talk()只有一条语句alert(“嘿，你好！);函数alert()是一个JavaScript自带的，它将弹出一个小的警告窗体，并带有文字嘿，你好！ 和一个确定(OK)的按钮。 //符号是JavaScript的注释符号，即紧跟在此符号后边的内容为注释部分 JavaScript是区分大小写的，所以函数名也必须区分大小写，函数talk()和Talk()、alert()和Alert()都是不同的函数 简单函数调用： htmlheadtitle简单函数调用/title script language=JavaScript !-- function info() {alert(请使用IE4.0以上版本,800*600分辨率浏览此网页!);} //end? function hello() { if(T1.value== ){ alert(对不起，请输入您的姓名！); } else{ document.write(您好，+T1.value+！); } //end if}//end function-- /script /head body onload=info()p请输入您的姓名:br input type=text name=T1 size=20 input type=button value=问候…… name=B1 onclick=hello() /p/body/html 显示结果为： 分析： info()函数是在Html文件被浏览器装载