国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

JS基礎(chǔ)入門篇(一)

alighters / 1705人閱讀

摘要:申明變量變量名以分號(hào)結(jié)束。如果一定要使用點(diǎn)的話,需要改變成駝峰式命名法。基礎(chǔ)篇練習(xí)看完以上的小伙伴,可以看兩個(gè)例子的效果,試著做一下。練習(xí)一點(diǎn)擊按鈕,設(shè)置方塊大小練習(xí)二點(diǎn)擊按鈕,增加或減小字體大小

1.JS存放在代碼中的位置

1.JS寫在行間

hello world

優(yōu)點(diǎn):直接,簡(jiǎn)單

缺點(diǎn):不方便復(fù)用和維護(hù),不符合結(jié)構(gòu)行為分離規(guī)范

2.JS寫在script ( 一般寫在body結(jié)束標(biāo)簽之前 )
因?yàn)镴S的執(zhí)行順序,需要將元素加載完成,才能獲取到元素,故一般寫在body結(jié)束標(biāo)簽之前。


        
hello
world

優(yōu)點(diǎn):只要是在這個(gè)頁(yè)面中就可以使用這段 js。
缺點(diǎn): 1. 不方便修改維護(hù) 2. 不符合規(guī)范

3.寫在js文件中

1.創(chuàng)建一個(gè)js文件,寫入js代碼
2.讓html文件 和js文件產(chǎn)生關(guān)聯(lián),通過script標(biāo)簽的 src 屬性 鏈接到j(luò)s文件。


        
miaov

優(yōu)點(diǎn):

1.結(jié)構(gòu) 行為 完全分離
2.方便修改維護(hù)
3.可復(fù)用性強(qiáng)    
2.注釋

分為單行注釋和多行注釋。

 //單行注釋
 //單行注釋
 //單行注釋

 /*
 多行注釋
 多行注釋
 多行注釋
 */
 

3.變量

變量:可變的量。

作用:復(fù)用數(shù)據(jù),存儲(chǔ)數(shù)據(jù)。

申明變量: var 變量名; 以分號(hào)結(jié)束 。只申明一個(gè)變量不賦值的話,那這個(gè)變量中默認(rèn)存儲(chǔ)的是undefined

變量命名規(guī)范:可以是數(shù)字(1234567890) 字母(abcdefg...)下劃線 ( _ )美元符( $ )組成。
禁止:

 1. 不允許數(shù)字開頭     
 2. 不允許使用關(guān)鍵字
 3. 不允許使用保留字

推薦:
駝峰式命名法+語義化單詞
駝峰式命名法:從第二個(gè)單詞開始,每個(gè)單詞的首字母大寫。

屬性操作 :

以下三種寫法都可以。

box.style["background-color"] = "green";
box["style"]["background-color"] = valStr;
box.style.backgroundColor = "green";

如果[ ]中間沒有用引號(hào)包起來,那么會(huì)把中間的內(nèi)容當(dāng)做變量處理。

當(dāng)需要改變的屬性值是一個(gè)變量的時(shí)候只能使用[ ],方括號(hào)中間如果是變量的話,不需要加引號(hào)。

當(dāng)操作屬性的時(shí)候?qū)傩悦环献兞棵?guī)范的時(shí)候可以使用[ ]。

如果一定要使用點(diǎn)( . )的話,需要改變成駝峰式命名法。

4.函數(shù)

(一)簡(jiǎn)介

函數(shù)的作用:代碼塊的復(fù)用

函數(shù)的分類:
1.有名函數(shù)
2.匿名函數(shù)

(二)使用

1-有名函數(shù)
                聲明:
                    function 函數(shù)名(){ 
                        代碼塊 
                    }
                調(diào)用:
                    函數(shù)名();


2-匿名函數(shù)
                聲明: 
                    直接聲明一個(gè)匿名函數(shù) 會(huì)報(bào)錯(cuò)
                調(diào)用:
                    可以直接通過事件調(diào)用

eg:
案例一:有名函數(shù)的聲明和調(diào)用
案例二:匿名函數(shù)直接聲明會(huì)報(bào)錯(cuò),可以通過事件調(diào)用
案例三:有名函數(shù)的錯(cuò)誤調(diào)用,btn.onclick = fn();這樣調(diào)用是錯(cuò)誤的,只會(huì)使函數(shù)立刻執(zhí)行,傳給點(diǎn)擊事件的是個(gè)null。沒有點(diǎn)擊click按鈕,直接打開就發(fā)生變化了。
案例三:有名函數(shù)的正確調(diào)用,btn.onclick = fn;這樣調(diào)用是正確的。點(diǎn)擊click按鈕,紅色方塊才發(fā)生變化

5.innerHTML 和 src

innerHTML:修改雙標(biāo)簽里面的內(nèi)容。
innerHTML舉例:以下代碼的作用是,點(diǎn)擊頁(yè)面任何位置,修改紅色方塊的內(nèi)容。
src:需要注意的是,在js中,img.src獲取到的是絕對(duì)路徑,很少進(jìn)行比較。

6.基礎(chǔ)篇練習(xí)

看完以上的小伙伴,可以看兩個(gè)例子的效果,試著做一下。
練習(xí)一:點(diǎn)擊按鈕,設(shè)置方塊大小
練習(xí)二:點(diǎn)擊按鈕,增加或減小字體大小

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/113370.html

相關(guān)文章

  • 【連載】前端個(gè)人文章整理-從基礎(chǔ)入門

    摘要:個(gè)人前端文章整理從最開始萌生寫文章的想法,到著手開始寫,再到現(xiàn)在已經(jīng)一年的時(shí)間了,由于工作比較忙,更新緩慢,后面還是會(huì)繼更新,現(xiàn)將已經(jīng)寫好的文章整理一個(gè)目錄,方便更多的小伙伴去學(xué)習(xí)。 showImg(https://segmentfault.com/img/remote/1460000017490740?w=1920&h=1080); 個(gè)人前端文章整理 從最開始萌生寫文章的想法,到著手...

    madthumb 評(píng)論0 收藏0
  • JS基礎(chǔ)入門

    摘要:申明變量變量名以分號(hào)結(jié)束。如果一定要使用點(diǎn)的話,需要改變成駝峰式命名法。基礎(chǔ)篇練習(xí)看完以上的小伙伴,可以看兩個(gè)例子的效果,試著做一下。練習(xí)一點(diǎn)擊按鈕,設(shè)置方塊大小練習(xí)二點(diǎn)擊按鈕,增加或減小字體大小 1.JS存放在代碼中的位置 1.JS寫在行間 hello world 優(yōu)點(diǎn):直接,簡(jiǎn)單 缺點(diǎn):不方便復(fù)用和維護(hù),不符合結(jié)構(gòu)行為分離規(guī)范 2.JS寫在script ( 一般寫在body...

    nevermind 評(píng)論0 收藏0
  • JS基礎(chǔ)入門

    摘要:申明變量變量名以分號(hào)結(jié)束。如果一定要使用點(diǎn)的話,需要改變成駝峰式命名法。基礎(chǔ)篇練習(xí)看完以上的小伙伴,可以看兩個(gè)例子的效果,試著做一下。練習(xí)一點(diǎn)擊按鈕,設(shè)置方塊大小練習(xí)二點(diǎn)擊按鈕,增加或減小字體大小 1.JS存放在代碼中的位置 1.JS寫在行間 hello world 優(yōu)點(diǎn):直接,簡(jiǎn)單 缺點(diǎn):不方便復(fù)用和維護(hù),不符合結(jié)構(gòu)行為分離規(guī)范 2.JS寫在script ( 一般寫在body...

    xuhong 評(píng)論0 收藏0
  • JS基礎(chǔ)入門

    摘要:所以,一般放在結(jié)束標(biāo)簽之前。申明變量變量名以分號(hào)結(jié)束。如果一定要使用點(diǎn)的話,需要改變成駝峰式命名法。基礎(chǔ)篇練習(xí)看完以上的小伙伴,可以看兩個(gè)例子的效果,試著做一下。 1.JS存放在代碼中的位置 1.JS寫在行間 hello world 優(yōu)點(diǎn):直接,簡(jiǎn)單 缺點(diǎn):不方便復(fù)用和維護(hù),不符合結(jié)構(gòu)行為分離規(guī)范 2.JS寫在script ( 一般寫在body結(jié)束標(biāo)簽之前 )因?yàn)镴S的執(zhí)行順序...

    jsdt 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<