韩顺平轻松搞定网页设计htmlcssjs之javascript现场授课笔记完整版.docxVIP

2011顺平轻松搞定网页设计 (html+css+js)之 javascript现场授课笔记（完整版） 视频18整和19的前半部分不禺看 Javascript的基本介绍 JS是用于WEB开发的脚本语言： 脚本语言是什么： ?脚本语言不能独立使用，它和HTML/JSP/PHP/ASP. NET配合使用 ?脚本语言也有自己的变量，函数，控制语句（顺序，分支，循环） ?脚本语言实际上是解释性语言（即在执行时直接对源码进行执行） ? Java程序? java—? classf jv』t js—浏览器（js引擎来解释执 行） tcroc^t稷升萃test.htnd.Us代阙S1/\GET /hap/test. ht?l HTTP/L1Accept! */*ETTP/1.1 200 OKServer: Apache-€oyote/l. 1 tcroc^t稷升萃 test.htnd. Us代阙S 1 /\ GET /hap/test. ht?l HTTP/L1 Accept! */* ETTP/1.1 200 OK Server: Apache-€oyote/l. 1 Accept-Rarigrs： bytes t7og: W厂200-1302162688531 L^st-Iodlfied: Thu, 07 Apr 2011 07:51:28 GUT Cent ent -Type： text/html ie http://Rw htnl贝面 :js代码］ -Language: zh-cn User-Agent: Iozilla/4.0 (cwatlble. IS1E 8.0, Windows NT 5.1; 亠“ C MHT 八 D 大龙 点击??〈浏览器）[iitp://192.168. 2. ll;8081/hsp/test. html 点击??〈浏览器） 因为js是由浏览器来执行的，因此这里有个问题，不同类型的浏览器 可能对js的支持不一样。 !DOCTYPE HTML PUBLIC W-//W3C//DTD HTML 4.01 Transitional//ENw ? w3. org/TR/html4/loose. dtdw html head script language=javascript function test(){ window, alert(Hhello world!w)； } /script title New Document /title /head body input type=Mbutton1 onclick-Mtest ()M value=H点击一下吧7 /body /html 案例1 要求：打开网页后，显示hello 1 html head !一一js代码一般長放在head标签间，但实际上也可以放在别的位置一 script language=“javascriptH window, alert 警告(hello!); /script title New Document /title /head body input type=Mbutton1 onclick=Htest ()H value-M点击一下吧7 /body /html 问題： js的位置可以随意放 js 必须使用 script language=*javascript〉代码/script 在一个html文件中(JSP/PHP/ASP.NET)可以出现多对(script)片段，浏览器会按 照先后顺序一次执行 2：Hello world程序改进 如何定义变量： 如何运算： html head title New Document /title /head body !一一js代码是放在head标签间，但实际上也可以放在别的位置一〉 (script language=“javascript 〃js中变量的定义(js中变量用var表示，无论什么类型) var numl=l； var num2-60； var result=numl+niim2; window, alert (M结果是w+result) ； //alert 函数 window, alert 表示弹出 一个对话框 /script /body /html Js的变量类型是怎样决定的 Js是弱数据类型语吉，即：在定义变量时候，统一使用var表示，甚至可以去点var 这个关键字 Js中的变量的数据类型長由js引擎决冬的 Var name shunping ； //name 是字符串 Var kk 2 〃kk長数字 Name-234； 〃这事name自动变成数(可以变化) Js的命名规(函数/变量)： 1)使用大小写字母，数字，$可以命名 2） 不能以数字打头 3） 不能使用js保留