javascript每日必學(xué)之基礎(chǔ)入門_javascript技巧_第1頁
javascript每日必學(xué)之基礎(chǔ)入門_javascript技巧_第2頁
javascript每日必學(xué)之基礎(chǔ)入門_javascript技巧_第3頁
javascript每日必學(xué)之基礎(chǔ)入門_javascript技巧_第4頁
javascript每日必學(xué)之基礎(chǔ)入門_javascript技巧_第5頁
已閱讀5頁，還剩3頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

1、javascript每日必學(xué)之基礎(chǔ)入門從今犬開始，我將帶領(lǐng)新朋友們，從了解javascript 始，一步一步 地進(jìn)階到大神境界，別的不廢話，現(xiàn)在開始，我們就一點(diǎn)一點(diǎn)地從入門階段開始。我們還是介紹一下javascript的身世，不然，大家會(huì)對(duì)javascript存在非 常大的誤解，它的產(chǎn)生歷史，我們就過于多說，我也記不住，上學(xué)開始?xì)v史也沒 及過格js與我們經(jīng)常用來開發(fā)后臺(tái)程序的java語言不是什么親戚，他們的使用范 圍也是相差非常遠(yuǎn)，js只是用在html,用來對(duì)document節(jié)點(diǎn)進(jìn)行增刪改查，構(gòu) 建與服務(wù)器通訊的一種解釋性語言而已，這只是最簡(jiǎn)單的理解，后面我們來對(duì) javascript進(jìn)行詳細(xì)

2、深入的學(xué)習(xí)，好了，我們就從語法開始，雖然，我說了不 再廢話，但是，我感覺我仍然述是這么啰嗦，好了，大家也不要介意，想修煉成 大神的朋友們，也請(qǐng)忍耐一下我這習(xí)慣。還得聲明一點(diǎn)，看此文章的人，默認(rèn)是有html基礎(chǔ)的朋友如果連下面的代 碼還不理解的人，就請(qǐng)先理解之后，再來修煉，獨(dú)門秘笈也不是一般人能夠修煉 的，萬一走火入魔了呢，怎么辦？<! doctype html public -/w3c/dtd xhtml 1.0 transitional/en，/ http:/www. w3. org/tr/xhtml1/dtd/xhtmlltransitional. dtd" <htm

3、l xmlns二http:/www. w3 org/1999/xhtml" xml二en"> <head><meta http-equiv二content-type" content二"text/html;charseutf-8" /> <title></title></head><body><hl>javascript 大神修煉記</hl><div></div><script type二text/javascri

4、pt，z>function myfun() </script></body></html>這樣的代碼，大家就應(yīng)該很熟悉了吧，我還得說一點(diǎn)的就是，script標(biāo)簽 跟大家在課木上面看到的寫法不一樣，我是寫在body標(biāo)簽里面，而且還是寫在 body標(biāo)簽最后而，這是因?yàn)榫W(wǎng)頁的加載順序，是從上往下，按節(jié)點(diǎn)渲染，資源 也是從上往下，逐個(gè)加載，至于資源響應(yīng)速度，就與服務(wù)器和當(dāng)前的訪問情況而 論了，這是題外話了。頁面從上向往下逐個(gè)渲染到script標(biāo)簽吋候，就開始解 析javascript代碼，如果javascript代碼存在對(duì)document節(jié)點(diǎn)冇操作的情況, 那

5、么，它才能正確地得到節(jié)點(diǎn)對(duì)象，不然，就會(huì)存在代碼執(zhí)行出錯(cuò)的風(fēng)險(xiǎn)。所以 我們的script標(biāo)簽就沒有寫在head標(biāo)簽里面。我們?cè)賮砜匆幌抡Z法，我們先用程序入門的方式進(jìn)行講解，不然，宜接操作 document節(jié)點(diǎn)，某些朋友可能會(huì)接受不了，說到程序，大家后面還得接觸oop, 所以我們現(xiàn)在講類，函數(shù)，變量，如果你覺得陌生，不要怕，我曾經(jīng)也是這樣, 但是，逐漸地我就能理解了，相信你也一樣，在javascript里面，類和函數(shù)有 互和轉(zhuǎn)化的概念，所以還存在很多理解上問題，所以我決定，就從函數(shù)開始講, 先不訃大家接觸類的概念function writcmynamc() console log ("

6、my name is mrdreamz，);wri temyname ();q q elements j network sources timeline profiles resources audits console <html langszh-cn' <head>«</head> <body- h id den -fa ise11 <form method=r,posth action=,b./editposts.aspx?opt=lf, id=nfrinh>«.</form> <script

7、 type=r,text/javascripge t newmsgcou nt ();</script> <div role=,listboxk id=r,editor edit editorbody forecolor menu1' class=udefaultskin mce forecolorr top: 337px; display: none; z-index: 200000;bl tabindex=,l-l,1></div></body></html>html |stylesevent listeners dom

8、breakpoints propertiesconsolesearch emulation rendering0 v<top frame> 1 - preserve log> function writemyname()console.logfmy name is hrdreatir,); writemyname();my name is mrdreairundefined我這是用chrome瀏覽器，按一下f12,進(jìn)入console而板，對(duì)代碼進(jìn)行調(diào)試， 大家也要習(xí)慣用這個(gè)瀏覽器，后面大家看我調(diào)試的多了，大家也會(huì)喜歡上這款瀏 覽器，自然也會(huì)習(xí)慣用它來進(jìn)行代碼調(diào)試。前面我用fu

9、nction關(guān)鍵字聲明了一個(gè)函數(shù)wrilemyname,在方法體里面我只寫 了一句簡(jiǎn)單的console. logc'my name is mrdream，z),然后，直接用函數(shù)名加一 個(gè)括號(hào)writemyname(),這樣就可以執(zhí)行前而的函數(shù)體里而的內(nèi)容了，里而的內(nèi)容就是, 打日j一句話，打印的內(nèi)容是my name is mr dr earn,現(xiàn)在大家只要明口 console, log 就是打印的意思就行了。簡(jiǎn)單小結(jié)一下函數(shù)體聲明語法function函數(shù)名()函數(shù)體下而我們?cè)賮砜匆幌?，帶參?shù)的函數(shù)function writemyname( your name) console, log

10、( your_name);writemyname(z，my name is mrdreamz，);console search emulation rendering0 y <top frame>jk> function writemyname(_your_name) con sole, logame);1- preserve logwritemyname("my name is mrdream,)jmy name is r-lroream undefinedvm565:?現(xiàn)在聲明的函數(shù)跟前面的函數(shù)區(qū)別就是，打印的內(nèi)容是用參數(shù)形式進(jìn)行傳 遞，那么帶的好處就是，我們之

11、前調(diào)用writemyname ()的時(shí)候，只是打印里面固 定的內(nèi)容，然而現(xiàn)在，我們就可以這樣寫writemynamec馬大哈“)，一，對(duì)雙引號(hào) 里面寫入任意一個(gè)名字，我們就可以打印出來了，是不是更方便了啊，我們?cè)賮?看一下0 y <top frame> u preserve log> function writefname(_your_name)con sole, log (_>o ujn a me);writemyname(umy name is mrdream,i); my name is flroream< undefined> writemyname

12、("馬大哈"); 馬大哈< undefinedw4593:?> writemyname(,rf天大圣”)； 齊天大圣丨< undefined> writenyname("david”)；| david< undefined靈活性就比之前的高多了，我們可以給函數(shù)休傳遞任意的字符串名字了，大家記 住了，字符串，一定要帶上外面的一對(duì)引號(hào)，不然，會(huì)出錯(cuò)，目前的你還不能理 解，這是為什么，接下來，我們會(huì)繼續(xù)講變量的聲明，首先，我們得理解，變量 是什么，變量的作用var five = 5;var six = 6;function add() co

13、nsole. log(five+six);我們同樣是使用函數(shù)名+描號(hào)進(jìn)行函數(shù)調(diào)用add(),我們來看一下效果0 旨 <top frame> preserve log> var five =5;var six = 6;function add()consolelog(five+six);< undefined> add()11|vm627:6< undefined函數(shù)體里面仍然是一句打卬語句，打卬的結(jié)果是11, 5+6二11,沒有錯(cuò)吧， 如果我們耍做其他值的加法，怎么辦呢？是不是耍修改變量呢，對(duì)了，前面的 var就是用來聲明變量的關(guān)鍵字，我們聲明了一個(gè)five

14、和一個(gè)six,并j1給他們 賦值，然后，打印這兩個(gè)變量相加。是不是覺得我們每次想打印的時(shí)候，都耍修改函數(shù)體里而的變量，這樣就很 麻煩了，那們我們來試一個(gè)傳遞參數(shù)的函數(shù)var five 二 5; var six 二 6;function add(numl, num2) console. iog(numl+num2);add (five, six);> var five = 5; var six = 6;function add(numl>num2) console.iog(numl+num2);vm692:6add(fivej six);mundefined我們?cè)诤瘮?shù)numl, num2處的位置分別傳入了變量five, six同樣打印出來正確的 結(jié)果，這樣，我們就可以方便地傳入其他的值了0 y <top frame> u preserve log> var five = 5;var six = 6;function add(numl>num2) console.iog(numl+num2);add(fivej six);11vm692:6undefined> add(100200)300< undefined> addc-loeoo)100< undefine

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論