十天javascript筆記狗日的電影

jsjs技術(shù)用在什么地方對用戶輸入校驗(yàn)(,數(shù)字,一句話；js可以對網(wǎng)頁的元素進(jìn)行編程控制.buttoninputimage,實(shí)現(xiàn)動(dòng)態(tài)效果舉例說明<metahttp-equiv="content-type"content="text/html;charset=utf-<scriptlanguage="javascript"type="text/javascript">functiontest(){}<inputtype="button"js①js是一種語句，不能獨(dú)立運(yùn)行,它往往和配合別的語言使用,比如②js有自己的函數(shù)(系統(tǒng)函數(shù),自定義函數(shù)),變量,有編程的控制語句(順序,分支,循環(huán)),但是相對說,它的語范不是特別嚴(yán)格.③jsjs->直接被執(zhí)行(js引擎[內(nèi)嵌到瀏覽器])④js⑤js是用于bs開發(fā)js是客戶端技術(shù)，它運(yùn)行在客戶端的瀏覽器livescriptnetscape和sun合作)->javascriptjavajavascript沒有任何關(guān)系]jscript是微軟的產(chǎn)品，但是它和javascript語范一致.請注意:因?yàn)闉g覽器的差異，可能有這樣問題，在ie中運(yùn)行正常的js，在中運(yùn)行不正常.[ok瀏覽器兼容.]題的簡單方法是:盡量使用js通用的函數(shù)js如何理解js是驅(qū)動(dòng)的語 我們的js<metahttp-equiv="content-type"content="text/html;charset=utf-<script//跳出框php調(diào)用某個(gè)方法是對象名->方//js 對象名.方//window是js語句的dom對象,<script//跳出框php調(diào)用某個(gè)方法是對象名->方//js 對象名.方//window是js語句的dom對象,總結(jié)1.jshtml/php頁面的任何地方，js碼是從上到下依次執(zhí)行.嵌入一段js碼是<scriptlanguage=”javascipt”//js對o,world程序改進(jìn)，改為一個(gè)簡單加法運(yùn)算<metahttp-equiv="content-type"content="text/html;charset=utf-<script//跳出框php調(diào)用某個(gè)方法是對象名->方//js 對象名.方//windowjs語句的dom對象,無需創(chuàng)建，可以直接使//如何在js中定義變量varnum1=4;//我定義了一個(gè)變量名字叫num1,同時(shí)賦值4varnum2=78;我定義了一個(gè)變量num1,同時(shí)賦值78varres=num1+num2;js的變量類型是由js引擎決定，如果要查看某個(gè)變量的類型，則可以使typeof運(yùn)算//js變量的類型是由js引擎來決定的.varname="shun";//可以通過typeofwindow.alert("name的類型是"+typeof //可以通過typeofwindow.alert("name的類型是typeofjs①變量/函數(shù)取名不要使用js同時(shí)變量名不要用數(shù)字開頭②jsvara=90;var//windowwindow.如果你不，定義了兩個(gè)同名的變量，則后面的覆蓋的前面的變量js的注釋單行用//多行用 jsjs基本數(shù)據(jù)類型[1.整數(shù)2.實(shí)數(shù)3.bool 4.字串]復(fù)合數(shù)據(jù)類型[1.數(shù)組 特殊數(shù)據(jù)類型[1.null2.<scripttype="text/javascript">varn1=0x8a;var varn3=1234;NaN=notanumber 如果提示錯(cuò)誤說明，你的js代碼中把一個(gè)變量錯(cuò)誤的當(dāng)做Infinity=var//parseInt()函數(shù)是js的全局函數(shù)，可以直接使varr=7/0;在js中提供了兩個(gè)函數(shù)來判斷是不是一個(gè) 和isNaN(判斷是不是一個(gè)數(shù) //正則表達(dá)varalert("不是數(shù)alert("是數(shù)}js中表示有如下false,0, ,undefined、var}

varobj1=獲取對象;alert(“對象創(chuàng)建失敗}字符串的基本用法varvar如果我們希望在字符串中有包含特殊字符，比如’”\,用于轉(zhuǎn)義的還有字符串中的特殊字符，需要以反斜杠（\）后跟一個(gè)普通字符來表示，例如：\r\n、\t、\b、\'、\"、jsjs①null②undefinedjs ?如果我把123當(dāng)做字符串案例如下:讓用戶輸入兩個(gè)數(shù)，并計(jì)算和.varnum1=mpt("請輸入一個(gè)數(shù)");varnum2=mpt("請輸?shù)诙€(gè)數(shù)var .字符串拼接+varnum3=123;varstr="o"+num3;js+、-、*/、%注意我們的js17.varnum1=7;varvarres=num1/num2;//alert(res);//17位.如果你要到第二位.//把res當(dāng)做一個(gè)字符串，看找到小數(shù)點(diǎn)在第幾位.varindex=res.indexOf(".");Number我們?yōu)榱烁玫墓芾韏sjs<scriptsrc=”js文件路徑4.++和–varvarb=a++;//b=a;a=a+1;如果是varb=++a;《==》[a=a+1;varb=a;]varb=a++;<==> varb=a;a=a+1;>=<=>< == !=&& !varval=1&&1為真2為真，結(jié)果為真說明:如果第一個(gè)表達(dá)式為假，第二個(gè)表達(dá)式就不執(zhí)行.[考點(diǎn)varnum1=6;varif(num1>num2&&}varres=1||12為真，結(jié)果為真1為真，第二個(gè)表達(dá)式就不執(zhí)行!varres=!表達(dá)式||vara=0||0||"a"||0; js的位運(yùn)算和移位運(yùn)算->&按位與(1,|按位或(1^按位異或(1,0,varres=4&5;4補(bǔ)碼:>><<>>>無符號右移運(yùn)算.5的補(bǔ)碼-55原碼->5的反碼->5js單分支(雙分支(if..}else}else}case常量/變量:語句}if(條件表達(dá)式//}var//提示,}if(條件表達(dá)式//如果真}else//如果假}var}

.write("對自己行為負(fù)責(zé).write("放過你if(條件表達(dá)式}elseif(}elseif(條件表達(dá)式}}說明:1.elseif可以有多個(gè)else語句可有可無var}elseif(age>10&&.write("送入少管所}else}

.write("下次注意多分支的case常量/case常量/defulat//}注意swtich相當(dāng)靈活stringnumber,boolane對象..case后面可以是常量，可以是變量如果case后沒有break,case塊，時(shí)，就會(huì)一直執(zhí)行，直到碰到一個(gè)breakswitchdefual語句可以放在swith會(huì)執(zhí)行default,直到碰到一個(gè)breakswitch執(zhí)行完畢.switchifelseif的區(qū)別.如果是針對幾個(gè)固定條件的判斷，則使用switch,如果范圍的判斷，我們使用ifelseif:a表示星期一，b表示星期二… switch語句完成//string,number,boolean,對象//varstr=1;//true->1 (1,2-//varobj=new//varvararr1=newArray("1","2");vararr2=arr1;casecasefalse:}

.write("星期一，猴子穿新衣.write("星期二，猴子當(dāng)小二.write("猴子休息js//}////}////}while(循環(huán)條件需求:(為什么需要循環(huán)語句->①forfor(初始化;條件判斷;控制變量變化//for循環(huán)語句}?1.初始化條件可以放在for代碼前(i>10&&i<50for循環(huán)體.編寫一個(gè)程序,可以打 “你好，我是!”。請大家想想怎么做代碼for(var}while循環(huán)控制//}快速案例我們用while來實(shí)現(xiàn)輸出10句var}

.write("do..while循環(huán)控制//語句}while(循環(huán)條件說明:1.語句部分可以是多條循環(huán)條件可以是一個(gè)組合條件比如:i>10&&快速把上面的要求用do...while循環(huán)一把我們現(xiàn)在實(shí)際運(yùn)用一下for 提示：如果將來難題思路簡化:<metahttp-equiv="content-type"<script// 1->一個(gè) 2->2個(gè) 1- (1- 空格 2- (2- 空格 總層數(shù)-當(dāng)前層數(shù)=3- 3- (3- 空格 總層數(shù)-當(dāng)前層數(shù)=3-第一層輸出 中間層:只輸出兩邊的*,空間輸出空 思 最后一層輸出輸出//nvarfor(var//for(vark=1;k<=n-}for(varj=1;j<=(i-if(i==1||i==n){//中間層if(j==1||j==(i-}}}

}上課課堂練習(xí)

do..while來改寫接收一個(gè)整數(shù)，可以輸出對應(yīng)的菱形.,jsie中如何調(diào)試js,ie8調(diào)式步驟①先打開開發(fā)人員工具->②下斷點(diǎn)–④f10->跳過一個(gè)函數(shù)繼續(xù)執(zhí)行(相當(dāng)于把一個(gè)函數(shù)當(dāng)做一個(gè)語句執(zhí)行)通過逐行調(diào)試，我們可以看到局部變量變化情況注意:最原始的方法,通過window.alert(信息 .write(“信息如何處理js的js代碼發(fā)生錯(cuò)誤，如何定位其錯(cuò)誤呢window.alert()使用firebug[cy--5,,再輸入一個(gè)運(yùn)算符(+,-,*,/)，得到結(jié)果<metahttp-equiv="content-type"content="text/html;charset=utf-<scriptvarnum1=mpt("請輸入一個(gè)數(shù)");varnum2=mpt("2個(gè)數(shù)//把num1,num2轉(zhuǎn)成floatvarres=0;case"+":case"-case"*":case"/":}如果我們在a.html,b.html,c.html我們都需要做這個(gè)計(jì)算用代碼來實(shí)現(xiàn)，上面的分析寫一個(gè)js文件,在需要的地方引入js文件即可.比如在a.html中使用<scripttype=”text/javascriptsrc=”js文件路徑代碼funs.jsfunctionjiSuan(num1,num2,oper){//把num1,num2轉(zhuǎn)成floatvarres=0;case"+":case"-case"*":case"/":}//return語句表示返回?返回給哪個(gè)!(誰調(diào)用就返回給誰)returnres;}<metahttp-equiv="content-type"content="text/html;charset=utf-<!--js文件<scripttype="text/javascript"<scriptvarnum1=mpt("請輸入一個(gè)數(shù)");varnum2=mpt("2個(gè)數(shù)js①基本用法是function函數(shù)名(參數(shù)列表////return}說明函數(shù)的規(guī)范問題,可以用字母開頭,不要用數(shù)字開頭.可以包括字母/數(shù)參數(shù)列表可以多個(gè)(js支持可變參數(shù)return語句可以有，也可以沒有.最多只能有一個(gè)系統(tǒng)函數(shù)(js語句本身提供(參數(shù)值通過函數(shù)名調(diào)用)functiontest(val){}var變量=函數(shù)名;functionreturn}//下面的話，相當(dāng)于把test的函數(shù)指針，賦給了my這個(gè)變量//因此my也執(zhí)行testvarmy=test;varres=my(67,90);特別說明如果一個(gè)函數(shù)沒有返回值，但是你卻使用，則會(huì)提示js的函數(shù)調(diào)用過基本調(diào)用原則functionabc(num1){abc(--}.wri}33 分析圖是函數(shù)調(diào)用使用遞歸的方法來計(jì)算functiontest1(n){varfor(vari=1;i<=n;i++){}}functiontest2(n){returnreturntest2(n-}}使用遞歸的方法計(jì)算f(n)=2*f(n-1)+3 ,已知f(1)=1;編寫一個(gè)函數(shù)，接收n,計(jì)算其值functionfun1(n){returnreturn2*fun1(n-}}js③js代碼functionvarfor(var}return}//test4函數(shù)可以計(jì)算我給出的數(shù)的結(jié)果和(但是我給的參數(shù)個(gè)數(shù)(在同一個(gè)頁面js函數(shù)是不能有重復(fù)名字,同時(shí)我們也知道js函數(shù)不支持函數(shù)的重載.js的數(shù)組的介紹問題

6只烏龜，它們的體重分別是3.4kg,2kg,50kg。請問這六只烏龜?shù)目傮w重是少 平均體重是多少?請你用現(xiàn)在掌握的技術(shù)編一個(gè)程序解varweight1=3;varvartotal=weight1+weight2+...+weight6;varaverage=total/6;我們需要這樣一種數(shù)據(jù)類型,它可以幫助我們管理一組數(shù)據(jù).->數(shù)組快速的案例:用數(shù)組的方法來完成養(yǎng)烏龜?shù)膯栴}<metahttp-equiv="content-type"content="text/html;charset=utf-<script//創(chuàng)建一個(gè)數(shù)var//說明，數(shù)組的下標(biāo)是從//通過對象名.constructor可以顯示該對象的構(gòu)造方法是什么vartotal_weight=0;for(var} 總體重是 平均體1vararr=[元素1,元素 其實(shí)也可以這樣創(chuàng)建空數(shù)組var2.vararr=new②如何數(shù)組的數(shù)指定某個(gè)元數(shù)組名[下標(biāo)號],0開始編號for(vari=0;i<數(shù)組數(shù)組}for(varkeyin數(shù)組){}如果下標(biāo)越界會(huì)怎樣?報(bào)undefine?jsvar說明js的數(shù)組可以動(dòng)態(tài)增長③數(shù)組在內(nèi)存中怎樣存在php程序中，通過一個(gè)函數(shù)傳遞數(shù)組，是值傳遞，還是傳遞?js代碼中，通過一個(gè)函數(shù)傳遞數(shù)組，是傳function//val[0]第一個(gè)元素.for(var}輸出是畫圖說明通過下面的代碼，我們來說明js的數(shù)組是怎樣存在內(nèi)存的:functiontest2(val){//val[0]第一個(gè)元素.}arr=[1,2,3];【1for(var}分析圖① 屬性可以返回該數(shù)組的大小(遍歷split函數(shù)，可以拆分字符串.varstr="abcoboy";vararr=str.split(".write(arr+數(shù)組小結(jié)②數(shù)組大小不必事先指定,③數(shù)組名可以理解為指向數(shù)組首地址的0開始編號的jsvararr1=[1如果我們的元素又是一個(gè)數(shù)組，則這個(gè)一維數(shù)組就成了二維數(shù)組vararr=[[1,4,90],[4,'for(varvar//對elefor(var}}②二維數(shù)組的理解和指定某個(gè)變測試題00000001000203000000//varfor(varvarsize=arr2[i].length;for(varj=0;j<size;j++){}}vararr=newArray();思考題請編寫一個(gè)函數(shù)，可以接收一個(gè)數(shù)組，然后要求把這個(gè)二維數(shù)組轉(zhuǎn)置function}js我們這里只介紹一下冒泡排序法:[php的排序章節(jié)]代碼<metahttp-equiv="content-type"content="text/html;charset=utf-<scriptvararr=[0,-1,90,-varfor(vari=0;i<arr.length-{//for(varj=0;j<arr.length-1-}}}//jsvararr=[3,5,90,12,-23];varflag=false;for(varif(arr[i]==.write(””+i);}}}

.write(”一個(gè)都沒有找到面試題:一定掌握//二分查找[遞歸//二分查找要保證我們的數(shù)組是一個(gè)有序的//////.則說明我們應(yīng)當(dāng)該數(shù)組的右邊[后邊]//②你要查詢的數(shù)比中間的數(shù)小.則說明我們應(yīng)當(dāng)該數(shù)組的左邊[前邊]//③你要查詢的數(shù)等于中間的數(shù),varfunction.write("查詢沒有結(jié)果}//代碼//var}elseif(arr[midIndex]>findVal){.write("找到下標(biāo)是}}js中我們可以認(rèn)為這個(gè)叫法一致jsjs是一種支持面向?qū)ο缶幊痰恼Z句,它有繼承，封裝，多態(tài)的特點(diǎn)==面向?qū)ο箢?=張老太養(yǎng)了兩只貓貓:一只名字叫,今年3歲,白色還有一只叫,今年10歲,花色。請編寫一個(gè)程序，顏色。如果用戶輸入的小貓名錯(cuò)誤，則顯示張老太沒（js<metahttp-equiv="content-type"content="text/html;charset=utf-<scriptfunctionCat(){}//[js對象的屬性可以動(dòng)態(tài)增加]varcat1=newCat/cat1就是一個(gè)對象實(shí)例="";////varcat1=newCat當(dāng)做類（原型對象使用//Cat對象名[’屬性名js中自定義類(原型對象)varobj=newObject();obj.show=functionfunction類名/函數(shù)名(){}varp=new類名/函數(shù)名函數(shù)名通過prototype動(dòng)態(tài)的添加方法和屬性prototypejsvari=0;function}varp1=new();instanceof,//(原型對象)if(p1instanceofDog){window.alert("p1Dog一個(gè)對象實(shí)例}js的對象在內(nèi)存中是怎樣存在vara=new();varb=a;代碼說明js的對象回收機(jī)制在js中一張對象對用表GC如何去判斷某個(gè)對象是對象當(dāng)對象的地址被的次數(shù)，變成0,則gc就會(huì)認(rèn)為該對象是，就會(huì)回收js中還提供了一種主動(dòng)銷毀對象屬性的方法delete對象名.屬性名; //不要這樣delete對象;①提出問題可以這樣做function//下面這句話表示，每創(chuàng)建一個(gè)實(shí)例,實(shí)例就會(huì)自動(dòng)有一個(gè)屬}如果你希望name是創(chuàng)建對象實(shí)例的時(shí)候指定，可以通過參數(shù)傳入: //下面這句話表示，每創(chuàng)建一 實(shí)例,實(shí)例就會(huì)自動(dòng)有一個(gè)屬}使用的時(shí)候$p4=new(“順平②深入認(rèn)識this//functionvarname="abc私有的，只能在varage=900;//私有的，只能在//如何理解:說有一個(gè)屬性show因?yàn)榍懊嬗?/show屬性是公開.該屬性是指向一個(gè)函數(shù)地址屬性//show去調(diào)用該函數(shù).}}varp1=new//window.alert(p1.age);//錯(cuò)誤this的再認(rèn)識<metahttp-equiv="content-type"content="text/html;charset=utf-<scriptfunctiontest1(){}vartest1();//<==>this只能在類定義的//說明thisfunctionDog(){}vardog1=newwindow.alert();//報(bào)空,因?yàn)檫@樣使用，相當(dāng)于去window對象的name屬性，但是你沒有寫.?補(bǔ)充講解一個(gè)var的知識點(diǎn):(還有說vart=90;function}說明:var,如果你其他函數(shù)中，使用變量是，前面var,則表示要使用全局變量.varjs第法：動(dòng)態(tài)的給某個(gè)對象指定函function}//第法,動(dòng)態(tài)添function.write("我是}//varp1=new("大黃p1.fun1=speak;相當(dāng)于動(dòng)態(tài)的給p1對象分配一個(gè)fun1屬性(函數(shù));你可以理解，fun1是speak函數(shù)別名speak();第法還有一種體現(xiàn)形//varp1=new("大黃",90);p1.fun1=functionspeak(){.write("我是};//相當(dāng)于動(dòng)態(tài)的給p1對象分配一個(gè)fun1屬性(函數(shù)第二種方法:讓所有的對象實(shí)例都有某個(gè)成員函function(name,age){this.speak=function}}varp1=new("小孩",9);varp2=new("大明",30);?關(guān)于給對象指定成員函數(shù)說明如果添加的內(nèi)部函數(shù),該函數(shù)也稱為函數(shù),所謂指的是可以對象的functionvarsalary=salary;//}varp1=new("",34,1000);functionshowInfo(){.write(+this.age+salary);//salary}this.屬性=funciton代碼functionvarsalary=900;this.fun1=function}}}function .write("o,資源打開"++"}}varp1=new();小結(jié):通過代碼我們可以看出.私有函數(shù)可以被該類的其它方法(公開)調(diào)用，同時(shí)私有函數(shù)可以去該對象的公開或者私有的屬性.functionDog(){ this.shout=function.write("小狗汪汪叫}Dtotype.shout=function.write("小狗叫}vardog1=newDog();對我們原型法的一個(gè)實(shí)際運(yùn)用請思考給js的Array對象擴(kuò)展一個(gè)find(val)Array對象調(diào)用該方法的時(shí)候，如果能找到val則返回其下標(biāo)，否則返回-1//for(vari=0;i<this.length;i++){returni;}}return-}vararr=[4,590,-自定類的工廠方法(了解即可js代碼時(shí)，當(dāng)你需要一個(gè)對象時(shí),newObject來創(chuàng)建一個(gè)對varobj=newObject();obj.show=functionval){}Number類vari=90;varjs的閉js1.js的變量作用域<metahttp-equiv="content-type"content="text/html;charset=utf-<scriptvara=90;定義一個(gè)全局變量functiontest(){a=123;//使用外層的a} vara=90;定義一個(gè)全局變量functiontest(){vara=123;//} a=90;沒有var就會(huì)試著去找(a)afunctiontest(){a=123;//沒有var,就會(huì)試著去找(父函數(shù)/a)a}functionvara=700;functiontest2(){a=890;//vara,a,}return}varvar1=test1();varfunctiontest(){}?①jsvar,,如果該變量是直接寫在頁面，則我們認(rèn)為是全局變量，否則是局部變量如果沒有帶var關(guān)鍵字,js引擎會(huì)這樣處理:首先到父函數(shù)去找有沒有該變量，如果有，則使function//varn=999;//局部變量③上面的代碼說明，如果在一個(gè)函數(shù)中，直接使用n=900;相當(dāng)于創(chuàng)建了一個(gè)全局變量js中如何解決從外部內(nèi)部函數(shù)的局部變量->閉functionvarn=90;//}alert(n)//錯(cuò)誤functiontest1(){varn=90;//test1函數(shù)的內(nèi)部函數(shù),可以varfuncitontest2(){}//把內(nèi)部函數(shù)test2return}varres=test1();//調(diào)用test1test2函數(shù)這時(shí)res就是test1內(nèi)部函數(shù)test2別名閉包:你可以這樣理解:test2()把局部變量保存在內(nèi)存中，不讓回收機(jī)制，將其回收js在不同文件中，可以有相同的函數(shù)名在不同父函數(shù)(類),functiontest(){}functinofunctionsay}}functiontest3(){functionsayo(){}}functiontest(){}①設(shè)計(jì)計(jì)算機(jī)類,要求如下屬性：品牌,顏色,cpu型號,內(nèi)存容量,硬盤大小,價(jià)格,方法:打開,關(guān)閉,休眠,<metahttp-equiv="content-type"content="text/html;charset=utf-<script/*設(shè)計(jì)計(jì)算機(jī)類,要求如下屬性：品牌,顏色,cpu型號,內(nèi)存容量,硬盤大小,價(jià)格,方法:打開,關(guān)閉,休眠,創(chuàng)建一個(gè)計(jì)算機(jī)對象，調(diào)用打開，關(guān)閉方法*functionComputer(){this.open=function.write("計(jì)算機(jī)打開}this.close=function.write("關(guān)閉計(jì)算機(jī)}this.sleep=function.write("休眠 }}varcomputer=new②用面向?qū)ο蟮乃枷?，編寫小游戲js對于比較簡單的對象，我們也可以這樣定vardog={name:"vardog1={name:'',say在某些情況下，我們需要去改變某個(gè)函數(shù)的this指向，我們可以通過call/apply基本用法函數(shù)名.call(對象);//這時(shí)函數(shù)的thisforin的另外用法var///*for(varkeyindog){//windowfor(varkeyin}可以通過delete對象名.屬 來手動(dòng)的刪除某個(gè)屬性值js1.js中實(shí)現(xiàn)封裝主要有兩種封裝(公開，私有)class(name,sal){=name;公開varsal=sal;//私有this.showInfo=function公開”+}showInfo2(){//把函數(shù).}}通過原型法分配的函數(shù)是所有對象共享的通過原型法分配的屬性是獨(dú)立.(如果你不修改屬性，他們是共享functionDog(){}}//Dtotype.shout=function(){}vardog1=newvardog2=new}請大家看一個(gè)題function}//varp1=new p1.say();[錯(cuò)誤//}.prototype.函數(shù)=function稱為后置綁定js看一段代碼->問題是什么<metahttp-equiv="content-type"content="text/html;charset=utf-<script// functionMidStu(name,age){}}}//functionPupil(name,age){}}//代碼的復(fù)用性不高////1.把子類中共有的屬性和方法抽取出，定義一個(gè)父類StufunctionStu(name,age){}}//2.functionthis.stu=Stu;這里相當(dāng)于把Stu構(gòu)造函數(shù)(類)賦值給我們的屬性//調(diào)用this.stuthis.stu(name,age這個(gè)表示初始化MidStu,相當(dāng)于執(zhí)行Stu(name,age),這//可以寫MidStu自己的方法.}}functionPupil(name,age){////可以寫Pupil自己的方法.}}//varmidstu=newMidStu(" varpupil=newPupil(" ②通過call或者apply<metahttp-equiv="content-type"content="text/html;charset=utf-<script// functionMidStu(name,age){}}}//functionPupil(name,age){}}//代碼的復(fù)用性不高////1.把子類中共有的屬性和方法抽取出，定義一個(gè)父類StufunctionStu(name,age){}}functionMidStu(name,age){//這里這樣理解:通過call修改了Stu構(gòu)造函數(shù)的this指向//如果用apply實(shí)現(xiàn)，則可//Stu.apply(this,[name,age說明傳入的參數(shù)是組方//可以寫MidStu自己的方法.}}functionStu.call(this,name,age);//Pupil對象實(shí)例,Stu的構(gòu)造函數(shù)會(huì)被執(zhí)行,當(dāng)執(zhí)行后，我們Pupil對象就獲取從Stu封裝的屬性和方法//可以寫Pupil自己的方法.}}//varmidstu=newMidStu(" varpupil=newPupil(" jsjs對象可以通過對象冒充，實(shí)現(xiàn)多重繼Object類是所有js類的基js①jsjs<metahttp-equiv="content-type"content="text/html;charset=utf-<script//*****************說明js不支持重載/*functionthis.test1=function(a,b){}this.test1=function(a){window.alert('function(a)');}}varp1=new//js中不支持重載.//js怎么實(shí)現(xiàn)重載.function(){this.test1=function(){}elseif(arguments.length==2){}elseif(arguments.length==3){}}}}functionshow3(a,b,c){}}varp1=new//js中不支持重載.當(dāng)子類有一個(gè)方法和父類一樣,functionStu(){}}//function}}varmidstu=newMidStu();?多態(tài)的基本概⑤所謂多態(tài)，我們可以簡單的理解就是一個(gè)類型(對象/變量)在不同情況⑥js本身是無態(tài),js天生就支持多態(tài)js的多態(tài)的一個(gè)案例<script//function(){this.test1=function(){window.alert("test1");}}functionCat(){}}var //防止var //防止v被貓類替代后，v代制回收//vif(v window.alert("23v變量是人類

這個(gè)類 回收}v=newCat();if(vinstanceofwindow.alert("30v變量是貓類}//在這里，v是貓類，而同時(shí)，其以前代表的人類被回收機(jī)制給收走了。如果要讓其恢復(fù)，只要按上面的紅色加背景varp=vjs<scriptMasterfunctionMaster(name){//方法[給動(dòng)物喂食物}window.alert("給"++"喂}functionFood(name){}//functionFish(name){}//functionBone(name){}functionPeach(name){}//functionAnimal(name){}//functionCat(name){}//functionDog(name){}//functionMonkey(name){}varcat=newCat("大花貓");varfish=newFish("黃花魚vardog=newDog("大花狗");varbone=newBone("豬骨頭");//varmaster=newMaster("韓順平");//varmonkey=newMonkey("金絲猴");varpeach=newPeach("仙桃");總結(jié)：多態(tài)有利于代碼的和擴(kuò)展，這里我們可以考慮，如果食物加入桃子，動(dòng)物加入猴子，可以看到，Masterfeed函數(shù)不需要的變化。js概述：js的設(shè)計(jì)者，為了讓我們開發(fā)方便，事先提供了一下內(nèi)部類(Array,Number,String,Date,Math),js可不是再次說明：jsjs安裝使用內(nèi)部類的屬性和方法的不同，我們主要分成兩種Array,Stringvararr=new //varMath.random//php::靜態(tài)方法名Number<scriptvarnum=newMathMath是靜態(tài)類，提供了常用的數(shù)學(xué)函數(shù)和常數(shù),我這給大家介紹幾個(gè)最常用的函數(shù)，其它的請大家參考javascript幫助文檔。 求x,y中較大的數(shù) 求x,y中較小的數(shù) 對x進(jìn)行四舍五入 0116位小數(shù)位的數(shù)字（0<scriptvar//ceil //floor Date getDate()從Date對象返回一個(gè)月中的某一天 getMonth()從Date對象返回月份 從Date對象返回年 從Date對象返回小時(shí)數(shù)getMinutes()從Date對象返回分鐘getSeconds()從Date對象返回秒數(shù)<script//varmydate=newDate();window.alert(mydate.toLocaleString());//jsdomString 提取取從start下標(biāo)開始的指定數(shù)目的字符 屬性, js中所有內(nèi)部對象的成員方法,作用是將對象中的數(shù)據(jù)轉(zhuǎn)成某個(gè)格式<scriptvartxt="h韓llo中國// var //substri(start,length)從startlenght個(gè)字符, var//stringObject.substring(start,stop)從start開始取，取到stop-//var//charAt(index)//var//?varfile_path="c:/abc/abc/helo/順平//var會(huì)遇到問題，是因?yàn)槟慊A(chǔ)沒有扎實(shí)ArrayArrayArray對象可以輕松的創(chuàng)建數(shù)組， 連接兩個(gè)或的數(shù)組，并返回結(jié)果 <script//vararr=new//靜態(tài)設(shè)置數(shù)//動(dòng)態(tài)的添 for(var//如何刪除數(shù)組的某個(gè)元//2個(gè)元素->//arr.splice(1,11表示刪除第幾個(gè)元素,11//修改第二個(gè)"順平"->"http://把一個(gè)新的數(shù)據(jù) "，添加到第1元素后 //遍歷for(varkeyinarr){}window<scripttype="text/javascript">for(varkeyinwindow)這里我們需要注意splice(),根據(jù)傳入用的挺多.[大戰(zhàn)]//**********對象數(shù)組的使用function} var var varp3=new vararr=newArray();//for(varkeyinvarp=arr[key];結(jié)果顯示是：vararr=newArray();functionfor(varvarname=mpt("請輸入的名字");varage=mpt("請輸入的");varp=new("","");}}for(varkeyinarr){var}?js基本數(shù)據(jù)類型numberbooleanstring是按照值傳遞數(shù)組和對象是傳遞.案例如下 php比較一下:傳遞數(shù)組的時(shí)候有一點(diǎn)區(qū)別php默認(rèn)是值傳遞,對象是傳遞.Boolean類Number案例請輸出23的二進(jìn)制字符串和16進(jìn)制的字符計(jì)算7/3的結(jié)果，并保留到小數(shù)點(diǎn)后兩位(四舍五入<script案例23167/3的結(jié)果，并保留到小數(shù)點(diǎn)后兩位(四舍五入varn1=23;//<==>varn1=newvarn=7/3;系統(tǒng)函說js①自定義函數(shù)(程序員自己根據(jù)編程的需要寫的函數(shù)[對象的成員函數(shù)，普通⑧系統(tǒng)函數(shù)(全局函數(shù)),可以自己使用 functionvarname=encodeURI("韓順平abcd");}//js去請求一個(gè)php從案例演示我們看到,js提交數(shù)據(jù)時(shí)，如果瀏覽器版本低，就可能出現(xiàn)亂eval該函數(shù)可以把一個(gè)字符串當(dāng)做來執(zhí)行.當(dāng)根據(jù)輸入的情況顯示相應(yīng)內(nèi)容時(shí)候，可以用eval函數(shù)。 functionwindow.alert("test1函數(shù)}function}varval=mpt("請輸入值");varstr=input+"('"+val+"')";URL：UniformResourceLocator，統(tǒng)一資源定位符；URI：UniversalResourceIdentifier，通用資源標(biāo)識符。URI含義更廣泛，URLURI的一個(gè)部分，通常指URI=URL 通過超<ajsjs概述概述js元素進(jìn)行某個(gè)操作時(shí)，會(huì)產(chǎn)生一 , 會(huì)驅(qū)動(dòng)某些函數(shù)來處理,原理圖Js最好是看手冊，但是參考手冊js里面的屬性并不能進(jìn)一步點(diǎn)進(jìn)去深入了解。所以我們要通過domevent進(jìn)行了解。該方法里面的屬性可以點(diǎn)擊后進(jìn)快速案例<script//處理函functiontest1(event){}<inputtype="button"value="tesing"這里我們有幾個(gè)新的名詞，需要理解源:就是產(chǎn)生的地方(html元素):點(diǎn)擊/鼠標(biāo)移動(dòng)/鍵按下..對象:當(dāng)某個(gè)發(fā)生時(shí)，可能會(huì)產(chǎn)生一個(gè) 該的信息(比如點(diǎn)擊的x,y.keycode),傳遞給 處理程序:響應(yīng)用戶的快速<html><scripttype="text/javascript">functionshow_coords(event){x=event.X; alert(event+"Xcoords:"+x+",Ycoords:"+}<!--body元素響應(yīng)onmousedown--<body<p>Clickinthe.Analertboxwillalertthexandycoordinatesofthemouseonkeydownonkeyup知道用戶按下什么鍵<html><scriptfunctionshowkey(event){}elseif(event.keyCode==66){}}<!--body元素響應(yīng)onmousedown--<body③html④其它functionvardiv1= //通過js獲取div}else//通過js獲取div}}functionsayo(){window.alert("red按鈕被按下");}<divid="div1"style="width:400px;height:300px;background-<inputtype="button"value="red"onclick="mychange(this),say<inputtype="button"value="black"不同的瀏覽器種類不一樣如何區(qū)分當(dāng)前瀏覽器的內(nèi)核是什么?(區(qū)分出ie6/7/8/ <scriptlanguage="javascript">{//Mozilla,Safari,IE7,IE8 //Mozilla,Safari,alert('Mozilla,Safari');}{

{}

alert('IE7}案例：防止用戶通過點(diǎn)擊鼠標(biāo)右鍵菜單拷貝網(wǎng)頁<scriptfunctionreturnfalse;}functionreturnfalse;}<!--body元素響應(yīng)onmousedown--<bodyoncontext="returntest()"onselectstart="return我的內(nèi)容!⑦domJavascript網(wǎng)頁特效實(shí)例精粹韓老師沒有發(fā)給我，記得找他要⑧domjs(1)貪吃蛇(2)推箱子(3)大戰(zhàn),這些都需呀用的dom編程當(dāng)我們學(xué)習(xí)完這一dom編程,也是我們學(xué)習(xí)ajax技術(shù)的基礎(chǔ),所以須掌握好dom編程。前(html+css+js[dom編程 |⑨domdom的來源<scripttype="text/javascript">dom前面,js把瀏覽器,網(wǎng)頁文檔和網(wǎng)頁文檔中的html元素都用相應(yīng)的內(nèi)置對象看文檔來表示，這些對象與對象間的層次關(guān)系構(gòu)成dom針對網(wǎng)頁(html,jsp,php,)的dom就是htmldom。我們這講的就是htmldom這里有幾個(gè)特別重要的概念要給大家說清楚①上面說的內(nèi)置對象就是dom對象,準(zhǔn)確的說是htmldomhtmldom編程，所以我提到的dom編程htmldomhtmldom③domhtmldom樹(對照烏龜抓雞來的代碼來說明dom編程.(首先要畫出htmldom圖[參看資料文件夾，已經(jīng)畫好])④dom編程的就是各個(gè)dom對象,下一章節(jié)會(huì)詳細(xì)講解htmldomhtmldomhtmldomdom樹在內(nèi)存中有層級關(guān)系，通過操作dom樹，就可以改變html頁面的顯示效果htmldom的角度看，每個(gè)html文件的元素都會(huì)被當(dāng)做Node節(jié)點(diǎn)對象來看待,就可以使用它的方法,htmldom說，因?yàn)樵乇旧砜赡芫褪莍mg/button/form同時(shí)可以看成ButtonImgForm內(nèi)置對象html id='myimg'src="a.jpg"var .gexml<stuvarmystu=.gemystuNode dom編程的實(shí)例(烏龜游戲在5-3中,有詳解。)js面向?qū)ο蟮姆绞絹砭帉?w上課后練習(xí):對烏龜游戲添加新的功能③當(dāng)烏龜碰到邊界時(shí)，不能再④讓雞可以自由的移⑤可以通過上下左右的按鈕控制烏龜移 烏龜上下左右移動(dòng)的時(shí)候可以換成相應(yīng)的bom的全稱是瀏覽器對象模型(bowserobjectmodel).,它規(guī)定所有的瀏覽器在 bom規(guī)范,這樣才能正常瀏覽網(wǎng)頁.dom和bombom一個(gè)性，dom就是具體的.(dom對象、屬性、方法bom包 瀏覽器所有對dom(objectmodel)主要是bom(對象的擴(kuò)展dom在進(jìn)行domhtmlNode節(jié)點(diǎn)(對象),你如果要看具體信息，到xmldom的Node章節(jié)查看.window對象常用的函數(shù)和屬性⑨varres=window.confirm("確認(rèn)安裝該軟件嗎?");}setInterval("函數(shù)名()",調(diào)用該函數(shù)的間隔時(shí)間)和當(dāng)前時(shí)間是,<!--讀10秒自動(dòng)停止,并彈出一句話"o.wrold"--<span<scriptvarvarmyspan= functionabc(){varmytime=new //對象.innterText表示在該對象對應(yīng)的中間放入文}}//var<imgid="boy"src="1.png"<inputtype="button"value="加速<inputtype="button"value="<inputtype="button"value="停止" <inputtype="button"value="開始" <scriptvarboy=.geementById("boy");varimg_no=0;functionvarno=((img_no++)%8);}function}vartime1=""; case開始case停止}}課堂練習(xí)時(shí)，請大家把小孩的加速和做了?setTimeout/function}//?moveTomoveByresizeTo<scripttype="text/javascript">functionabc(){}?open<scriptfunction認(rèn)//第三個(gè)參數(shù)可以指定新窗口的樣式}<inputonclick="testtype="button"value="開新窗口關(guān)于兩個(gè)html頁面相互通信的案例opener屬性子窗口父窗口信息A頁面：<scripttype="text/javascript">varnewwindow="";functiontest(){//open}function//var .ge 實(shí)際上b.html}<inputonclick="testtype="button"value="開新窗口<inputtype="text"id="myinfo"<inputtype="button"onclick="test2value="發(fā)送給子窗口B頁<scripttype="text/javascript">functionsend(){varchlid_text=.ge//opener}<h1>我是b.html頁面<inputtype="text"<inputtype="text"<inputtype="button"value="送給父窗口history對history對象記錄用戶的urlgobackforward案例<scripttype="text/javascript">functionmyback(){}<inputtype="button"onclick="mybackvalue="location對location對象包含當(dāng)前url?reload重新加載本頁面(刷新本頁面function ajax}?href通過該屬性可以指定載入新的頁面window.location.href="url"http://url可以本，也可以另一個(gè)<a<formaction=""http<scripttype="text/javascript">for(varkeyinnavigator){}screen1024×768時(shí)，給出提示，請寫出該程序<scriptif}Event對象給某個(gè)html元素(控件),綁定的三種方<inputtype="button"onclick="函數(shù)vlaue="xx值<scripttype="text/javascript">functiontest1(){//這句話的意思就是把but2的onclick和test2//.ge}functionreturn.ge}function}<inputtype="button"id="but1"onclick="test1value="測試<inputtype="button"id="but2"value="⑦通過attachEvent和detachEvent方法來綁定和解除綁<inputtype="button" value="投一票<script//第一個(gè)參數(shù)是functionvote(){}如何數(shù)秒varfunctioni--mybut.value=""+i;}}var<inputtype="button"id="mybut"disabled="true"value="js中對象的獲取(IE和火狐不一樣在iefunctiontest(){//通過window.event.屬性}functiontest2(event){}function}<body<inputtype="button"value="測試<inputtype="button"value="2特別說明一下:我們的表單除了常規(guī)提交方式，還可以通過jsEvent<scripttype="text/javascript">functiontest(){}<divonmousemove="test();"style="width:400px;height:300px;border:1pxsolid<spanevent的一個(gè)案例請輸入一個(gè)六位數(shù)<inputtype="text"id="pageNow"onkeydown="return<script<!-varfunctionreturnfalse;}alert('0');return}}//如果我們記不住0->489->57,我們可以這樣做 returnfalse;}}//--對象最重要的三個(gè)方法ementById[html jsp](id,) 通過htmlgeementsByTagName通過html的名返回對象集<script//通過idfunctionvar //window.alert(a1.id+""+a1.href+"a1.innerText="連接到"; }//通過name來獲取.function//var //for(var////window.alert(i+""+hobbies[i].checked);window.alert("你的是}}}//通過functionvarinputs=.ge }<aid="a1" ">連接到<aid="a1" ">連接到<aid="a3" ">連接到<inputtype="button"value="測試請選擇你的<inputtype="checkbox"name="hobbyvalue="旅游"><inputtype="checkbox"name="hobbyvalue="音樂"><inputtype="checkbox"name="hobbyvalue="體育"><inputtype="checkbox"name="hobby"value=""><inputtype="button"value="看看你的"<inputtype="button"value="通過tagname來獲取元素"我們綜合運(yùn)用一下前面學(xué)習(xí)到的各種知createElement()appendChild()方法向已存在的節(jié)點(diǎn)添加子節(jié)點(diǎn)（發(fā)射）removeChild()方法刪除指定的節(jié)點(diǎn)。（）parentNode屬性可返回某節(jié)點(diǎn)的父節(jié)點(diǎn)。<scriptfunction//1創(chuàng)建a元素createElment(名varmyhref= .createElement("aaa>myhref.innerText="sina"; }function varnode= }<inputtype="button"value="創(chuàng)建一個(gè)a"<inputtype="button"value="刪除a"<!--引入 idclass[dom如何去操作一個(gè)外表css!補(bǔ)講]--keycode編碼！<scripttype="text/javascript">functiontest(){}<inputtype="button"onkeydown="test()"思路很重響應(yīng)用戶按j讓烏龜 函數(shù)fire內(nèi)容多2.1我認(rèn) 就是一個(gè)/也可以認(rèn)為是一個(gè)div讓飛一用了一個(gè)this.move_bullet,產(chǎn)生移動(dòng)的效果.提示:window.alert("body的寬="+.body.Width);<script//var//數(shù)varbullet_imgs=newArray();varbullet_img_speed=2;varisStart=false;this.y-//同時(shí)修改烏龜?shù)膖op值//dom//1先得到這個(gè)烏 varwugui_div= //判斷烏龜是否和公雞碰撞}}}}//window.alert("xy"+this.x//window.alert("xy"+cock.x}//同時(shí)修改烏龜?shù)膖op值//dom//1先得到這個(gè)烏 varwugui_div= } varbullet_img= //設(shè)置bullet_img的//把這顆新放入數(shù)組中,進(jìn)行管間

//setInteval應(yīng)該這樣去掉window.setInteval("對象名函數(shù)名//如果數(shù)組中有，就不要在調(diào) }//讓移//遍歷數(shù)組.看看每顆是否已經(jīng)到到邊界,如果到了邊界，//for(var//stop定時(shí)器}//這里要求//修改bullet_img的left即 //遍歷數(shù)組,讓每顆移for(var//var

//遍歷數(shù)組.看看每顆是否已經(jīng)到到邊界,如果到了邊界 //32//同時(shí)從 dom樹種刪}}functionCock(x,y){this.speed=1;//一定一個(gè)像素setInterval(定時(shí)器}vartortoise=new varcock=newCock(200,200);functionmove(obj){case"向上走":case"向右走":}}functionmove2(event){case65:tortoise.move_left();//case68:casecase//響應(yīng)用戶按jcase//發(fā)送的行為封裝到fire}}<body<tableid="mytable"<td><inputtype="button"value="向上走" <td><inputtype="button"value="向左走<td><inputtype="button"value="向右走onclick="move(this<td><inputtype="button"value="向下走 <!--div<div style="position:absolute<imgsrc="1.bmp"border="1"alt=""<divid="cock"<imgsrc="2.bmp"border="1"alt=""考慮加入如 公雞，公雞[做成效果可以向上下左右都可以發(fā)送domNode節(jié)點(diǎn)屬性和方法(加強(qiáng)篇)(取到父節(jié)點(diǎn)、兄弟節(jié)點(diǎn)、子節(jié)點(diǎn)等)<metahttp-equiv="content-type"content="text/html;charset=utf-<table<td><inputtype="button"value="向上走onclick="move(this<td><inputtype="button"value="向左走onclick="move(this<td><inputtype="button"value="向右走onclick="move(this<td><inputtype="button"value="向下走onclick="move(this<div style="position:absolute<imgsrc="1.bmp"border="1"alt=""<divid="cock"<imgsrc="2.bmp"border="1"alt=""<inputtype="button"value="tesing"<inputtype="button"value="tesing2"<scripttype="text/javascript">functiontest(){//varwugui=.gevarvarwindow.alert("下一個(gè)兄弟類型"+wugui_next_borther.nodeType);window.alert(""+wugui_next_borther.nodeName);varwindow.alert("前一個(gè)兄弟類型"+wugui_pre_borther.nodeType);window.alert(""+wugui_pre_borther.nodeName);//varwindow.alert("window.alert("}function}bodybody對象是對象的一個(gè)成員屬性,通過.body來使用body對象，要求文檔的主體創(chuàng)建后才能使用,body體還沒有創(chuàng)建就去Body常用屬性： 刪除元geementsByTagName()通過html元素名稱,得到對象數(shù)組. 某個(gè)元素間的html代碼 onbeforeunload文檔關(guān)閉前觸該對象是對象的屬性.<metahttp-equiv="content-type"content="text/html;charset=utf-<inputtype="button"value="tesing"<span<scriptfunction '>連接 myspan.innerHTML="<a '>連接 }Body案例：設(shè)置固定邊欄<scriptid=EventHandlersJS<!-functionwindow_onscroll()//讓這個(gè)超 和left和滾動(dòng)條，保持一個(gè)關(guān) }function_onselectstart()returnfalse;//返回false,這樣就可以用戶選網(wǎng)頁中的文本中//你也可以在bodyonselectstart="returnfalse;"}//--<scriptlanguage=javascriptfor=<!-//bodyonselectstart='returnfalse'return//--<bodyonscroll="returnwindow_onscroll()"這個(gè)文本域足夠大一層的東西。比如說的，它的價(jià)值就在于用新穎，深刻，抽象的表現(xiàn)手法將的詮釋的淋淋盡致，把的發(fā)人深省剖析開來給人看，這的筆觸描繪出來，用其和力詮釋著價(jià)值的內(nèi)在一層的東西。比如說的，它的價(jià)值就在于用新穎，深刻，抽象的表現(xiàn)手法將的詮釋的淋淋盡致，把的發(fā)人深省剖析開來給人看，這一層的東西。比如說的，它的價(jià)值就在于用新穎，深刻，抽象的表現(xiàn)手法將的詮釋的淋淋盡致，把的發(fā)人深省剖析開來給人看，這一層的東西。比如說的，它的價(jià)值就在于用新穎，深刻，抽象的表現(xiàn)手法將的詮釋的淋淋盡致，把一層的東西。比如說的，它的價(jià)值就在于用新穎，深刻，抽象的表現(xiàn)手法將的詮釋的淋淋盡致，把的發(fā)人深省剖析開來給人看，這一層的東西。比如說的，它的價(jià)值就在于用新穎，深刻，抽象的表現(xiàn)手法將的詮釋的淋淋盡致，把的發(fā)人深省剖析開來給人看，這 id=myHref absolute;TOP:50px;word-break:keep-all"><imgsrc="ad.bmp"案例：在網(wǎng)頁中飄動(dòng)，碰到網(wǎng)頁邊沿改變漂移方<html<bodystyle="BACKGROUND-IMAGE:<scriptlanguage="javascript"<!-//向xvar//向yvarvarposX=0;//div的xvarposY=0;//div的yfunctionmove(){//讓div2*divX//讓div2*divX//posX表示div div}//posY Height碰到最 }}//--<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"<scriptlanguage="javascript">varx=0,y=0,x1=0,y1=0;varmoveable=false;varindex=//functionstartDrag(obj,evt){e=evt?evt:window.event; if(true)if(!window.captureEvents){}else}varwinobj.parentNode;//取得父窗體(父窗體就是該div得上一級win.style.zIndex=++index;//設(shè)置父窗體的Zx= X;//Xy= Y;//取得當(dāng)前鼠標(biāo)的Yx1=parseInt(win.style.left將父窗體的距瀏覽器左邊界的距離轉(zhuǎn)換為y1=parseInt(win.style.top將父窗體的距瀏覽器上邊界的距離轉(zhuǎn)換為moveable=//}functiondrag(obj,evt)e=evt?evt:window.event;if(moveable){varwin=obj.parentNode;win.style.left=x1+e.X-win.style.top=y1+e.Y-}}//functionstopDrag(obj){if(moveable){if(!window.captureEvents){}else}moveable=}}<divstyle="position:absolute;width:200px;height:200px;background-color:#99CCFF;z-index:200;top:100px;left:154px;"><divid="title"onMouseDown="startDrag(this,event)"onMouseMove="drag(this,event)"onMouseUp="stopDrag(this)"style="width:200px;height:20px;background-color:#330033;top:0px;left:z-index:200;position:absolute;font-size:9pt;color:#FFFFFF;padding-top:5px;padding-left:5px;">浮動(dòng)窗口</div>實(shí)例。stylehtml元素,html元素而言的,也就是說,我們可以通過.geementById(“id”).perty=“值”,來控制網(wǎng)頁web版大戰(zhàn)<scriptfunction}function}function}functionHero(x,y){this.direct=0;//01->2->3->}}}}}varhero=newHero(100,250); casehero.move_left();//自己向case68:casecase//jcase//發(fā)送的行為封裝到fire}}<!--區(qū)--<body Css復(fù)習(xí)主要是看這個(gè)很全面晚上讓自己的可以發(fā)送碰到邊界，就顯示敵人的(3個(gè))當(dāng)自己發(fā)射的敵人后，敵人就style然后在html通過style對象，我們可以去控制某個(gè)html元素的外觀.disy和visiability區(qū)這個(gè)屬性都可以用于設(shè)置某個(gè)區(qū)域或者控件顯示不顯示,disy設(shè)置none;它visiability這個(gè)屬性設(shè)置成hidden就不顯示,但是它不讓這個(gè)空間style對象的案例<spanid="myspan" onclick="test(thisstyle="border3pxsolidred;cursor:hand;">+</span>我的家庭<ulid="myul"style="dis<li><li><script<!-function//}}//--style的小案例-<inputtype="checkbox"onclick="shop(this,10price="10"name="fruitsvalue="蘋果">蘋果10<br/><inputtype="checkbox"onclick="shop(this,20price="20"name="fruitsvalue="西瓜">西瓜20<br/><inputtype="checkbox"onclick="shop(this,30price="30"name="fruitsvalue="香蕉">香蕉30<br/><inputtype="checkbox"onclick="shop(this,40price="40"name="fruitsvalue="葡萄">葡萄40<br/><inputtype="checkbox"onclick="shop(this,50price="50"name="fruitsvalue="桃">桃50<br/><span<script<!-varfunction//遍歷整個(gè)復(fù)選框，看看誰被選中 varfrutis=.geementsByName("fruits");for(vari=0;i<frutis.length;i++){ window.alert(frutis[i].value+"被選中"+"該價(jià)格是}}//,然后是決定對allPrice進(jìn)行}}//--forms對象集合和form對象這里我們說明formform對象名.某控件名<formaction="a.php"u:<inputtype="text"name="username"value="o"/><br/>p:<inputtype="password"name="password"value="xxx"/><br/><input