搜索
JavaScript教程JavaScript是由Netscape公司开发并随Navigator导航者一起发布的、介于Java与HTML之间、基于对象事件驱动的编程语言，正日益受到全球的关注。因它的开发环境简单，不需要Java编译器，而是直接运行在Web浏览器中，而因倍受Web设计者的所爱例1：编写第一个JavaScript程序htmlheadscript//JavaScriptAppearshere.document.write(“欢迎来到JS世界！”);alert(这是第一个JavaScript例子!);/script/head/html练习1：编写第一个JavaScript程序通过javascript实现以下页面效果：1.页面输出：“你好！”2.弹出对话框：对话框内容为“欢迎光临我的小站！”变量、表达式例2htmlheadscriptvarr=2,pi=3.14;document.write(半径为2的圆的面积为：+pi*r*r);/script/headbody/body/html注：不同类型的变量都通过var定义JavaScript程序控制结构顺序选择循环选择——if语句（1）基本格式if（表述式）语句段；功能：若表达式为true，则执行语句段。基本格式if（表述式）语句段１；......else语句段２；.....功能：若表达式为true，则执行语句段１；否则执行语句段２。选择——if语句（2）循环——while基本格式while（条件）{循环体}vari=1;while(i3){document.write(i);i=i+1;}程序结果是什么？循环——For循环基本格式for（表达式1；表达式2；表达式3）{循环体}for(vari=0;i5;i++){document.write(“i的值为：”+i);}程序结果是什么？JavaScript函数使用例3scriptvarx=20,y=22;functionsum(){returnx+y;}document.write(x+y的值为：+sum());/script练习2：函数的使用在javascript中：1.定义变量r初值为3，变量pi初值为3.14；2.定义函数area()求圆的面积；3.在页面输出圆的面积。scriptvarx=20,y=22;functionsum(){returnx+y;}document.write(x+y的值为：+sum());/script练习2参考scriptvarr=3,pi=3.14;functionarea(){returnpi*r*r}document.write(圆的面积为：+area());/scriptJavaScript函数使用例4scriptfunctionsum(x,y){returnx+y;}document.write(x+y的值为：+sum(3,6));/script注意！参数前不需要加varJavaScript教程第10章JavaScript核心对象基于对象的JavaScript语言JavaScript语言是基于对象的（Object-Based），而不是面向对象的（object-oriented）。之所以说它是一门基于对象的语言，主要是因为它没有提供象抽象、继承、重载等有关面向对象语言的许多功能。而是把其它语言所创建的复杂对象统一起来，从而形成一个非常强大的对象系统。虽然JavaScript语言是一门基于对象的，但它还是具有一些面向对象的基本特征。它可以根据需要创建自己的对象，从而进一步扩大JavaScript的应用范围，增强编写功能强大的Web文档。数组对象(1)创建数组varmyArray=newArray(3);(2)数组赋值myArray[0]=“Jim”；myArray[1]=“Tom”；myArray[2]=“Kate”；varmyArray=newArray(“Jim”,”Tom”,”Kate”);数组应用例5scriptvarmyArray=newArray(Jim,Tom,Kate);document.write(数组的长度为：+myArray.length+br/);for(vari=0;imyArray.length;i++){document.write(myArray[i]+ );}/script练习3：数组在javascript中：利用数组，在页面输出以下内容：******用日期对象创建日期功能：提供一个有关日期和时间的对象。创建日期（1）varmyDate1=newDate()（2）varmyDate2=newDate(2012，3，7)获取日期的时间方法getFullYear():以四位数返回年数getMonth():返回月数（0~11）getDate():返回当月的几号getDay():返回星期几（0~6）日期对象的应用例6scriptvardate=newDate();document.write(date+br/);document.write(date.getFullYear()+年+(date.getMonth()+1)+月+date.getDate()+日+星期+date.getDay());/script宿主对象窗口对象(Window)文档对象(Document)JavaScript窗口及输入输出JavaScript是基于对象的脚本编程语言，那么它的输入输出就是通过对象来完成的。其中有关输入可通过窗口（Window）对象来完成，而输出可通过文档（document）对象的方法来实现。窗口对象的方法alert():弹出带有指定信息和确定按钮的警告框。confirm():弹出带有指定询问信息的确认对话框，并有确定和取消按钮。prompt():产生一个输入窗口，返回输入值。注：Windows窗口对象是所有对象的父对象，代表一个浏览器窗口。引用windows对象的属性或方法是，可直接引用，不必通过对象名引用。Window对象的应用例7scriptvarname;name=prompt(请输入你的名字);if(confirm(准备好考试了吗？)){alert(name+你好，下面开始考试！);}/script。document对象输出:document.write()document.writeln()说明：write()和writeln()方法都是用于向浏览器窗口输出文本字串；二者的唯一区别就是writeln()方法自动在文本之后加入回车符。简单的输入、输出例8scriptvarname;name=prompt(请输入你的名字);document.write(name+，你好，下面开始考试！);/script练习4简单输入输入（1）弹出输入框，询问信息为“请输入姓名”,将用户输入姓名存放在name变量中；（2）同时弹出警告框，内容为：“XX，你好，下面开始考试。”（3）在页面输出，当前日期。事件例9htmlheadmetacharset=utf-8/headbodybuttononclick=getElementById('demo').innerHTML=Date()现在的时间是?/buttonpid=demo/p/body/html事件例10htmlheadmeatcharset=utf-8/styletype=text/cssdiv{background-color:green;width:120px;height:20px;padding:40px;color:#ffffff;}/stylescriptfunctionmOver(obj){obj.innerHTML=谢谢}functionmOut(obj){obj.innerHTML=把鼠标移到上面}/scripthead/bodydivonmouseover=mOver(this)onmouseout=mOut(this)把鼠标移到上面/div/body/html练习4事件练习在页面中设计个高宽都为100px的黄色块，当鼠标悬停在上面的时候，块内出现文本“你好！”当鼠标离开的时候，块内的文本消失。