資訊專欄INFORMATION COLUMN
摘要：所以，一般放在結(jié)束標(biāo)簽之前。申明變量變量名以分號結(jié)束。如果一定要使用點的話，需要改變成駝峰式命名法?；A(chǔ)篇練習(xí)看完以上的小伙伴，可以看兩個例子的效果，試著做一下。
1.JS存放在代碼中的位置
1.JS寫在行間
hello world
優(yōu)點：直接，簡單
缺點：不方便復(fù)用和維護(hù),不符合結(jié)構(gòu)行為分離規(guī)范
2.JS寫在script ( 一般寫在body結(jié)束標(biāo)簽之前 )
因為JS的執(zhí)行順序，需要將元素加載完成，才能獲取到元素，故一般寫在body結(jié)束標(biāo)簽之前。
hello
world
優(yōu)點：只要是在這個頁面中就可以使用這段 js。
缺點： 1. 不方便修改維護(hù) 2. 不符合規(guī)范
3.寫在js文件中
1.創(chuàng)建一個js文件,寫入js代碼
2.讓html文件 和js文件產(chǎn)生關(guān)聯(lián),通過script標(biāo)簽的 src 屬性 鏈接到j(luò)s文件。
miaov
優(yōu)點：
1.結(jié)構(gòu) 行為 完全分離 2.方便修改維護(hù) 3.可復(fù)用性強(qiáng)2.JS執(zhí)行的順序
針對js的存放位置，如果js放在script標(biāo)簽中，必須放到body結(jié)束標(biāo)簽之前。原因是js會讀取dom節(jié)點，必須等到dom節(jié)點都加載完成了，js代碼才取得到對應(yīng)節(jié)點。
如果JS代碼非要放在所有節(jié)點之前呢？？？
可以將script代碼寫到head中，用window.onload把代碼塊包起來放到script中。
以上方法不支持，因為window.onload是等到頁面所有dom節(jié)點，圖片資源加載完成才執(zhí)行的。如果圖片資源很多的話，那么用戶對頁面的操作就無效了。所以，一般放在body結(jié)束標(biāo)簽之前。
3.注釋分為單行注釋和多行注釋。
//單行注釋 //單行注釋 //單行注釋
/* 多行注釋 多行注釋 多行注釋 */4.變量
變量：可變的量。
作用：復(fù)用數(shù)據(jù)，存儲數(shù)據(jù)。
申明變量： var 變量名; 以分號結(jié)束 。只申明一個變量不賦值的話，那這個變量中默認(rèn)存儲的是undefined
變量命名規(guī)范：可以是數(shù)字(1234567890) 字母(abcdefg...)下劃線 ( _ )美元符( $ )組成。
禁止：
1. 不允許數(shù)字開頭 2. 不允許使用關(guān)鍵字 3. 不允許使用保留字
推薦： 駝峰式命名法+語義化單詞 駝峰式命名法:從第二個單詞開始，每個單詞的首字母大寫。
屬性操作 ：
以下三種寫法都可以。
box.style["background-color"] = "green"; box["style"]["background-color"] = valStr; box.style.backgroundColor = "green";
如果[ ]中間沒有用引號包起來,那么會把中間的內(nèi)容當(dāng)做變量處理。
當(dāng)需要改變的屬性值是一個變量的時候只能使用[ ],方括號中間如果是變量的話，不需要加引號。
當(dāng)操作屬性的時候?qū)傩悦环献兞棵?guī)范的時候可以使用[ ]。
如果一定要使用點( . )的話，需要改變成駝峰式命名法。
5.函數(shù)（一）簡介
函數(shù)的作用：代碼塊的復(fù)用
函數(shù)的分類：
1.有名函數(shù)
2.匿名函數(shù)
（二）使用
1-有名函數(shù)
聲明:
function 函數(shù)名(){
代碼塊
}
調(diào)用:
函數(shù)名();
2-匿名函數(shù)
聲明:
直接聲明一個匿名函數(shù) 會報錯
調(diào)用:
可以直接通過事件調(diào)用
eg：
案例一：有名函數(shù)的聲明和調(diào)用
案例二：匿名函數(shù)直接聲明會報錯，可以通過事件調(diào)用
案例三：有名函數(shù)的錯誤調(diào)用，btn.onclick = fn();這樣調(diào)用是錯誤的，只會使函數(shù)立刻執(zhí)行，傳給點擊事件的是個null。沒有點擊click按鈕，直接打開就發(fā)生變化了。
案例三：有名函數(shù)的正確調(diào)用，btn.onclick = fn;這樣調(diào)用是正確的。點擊click按鈕，紅色方塊才發(fā)生變化
innerHTML:修改雙標(biāo)簽里面的內(nèi)容。
innerHTML舉例：以下代碼的作用是，點擊頁面任何位置，修改紅色方塊的內(nèi)容。
src：需要注意的是，在js中，img.src獲取到的是絕對路徑，很少進(jìn)行比較。
看完以上的小伙伴，可以看兩個例子的效果，試著做一下。
練習(xí)一：點擊按鈕，設(shè)置方塊大小
練習(xí)二：點擊按鈕，增加或減小字體大小
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/113263.html
摘要：個人前端文章整理從最開始萌生寫文章的想法，到著手開始寫，再到現(xiàn)在已經(jīng)一年的時間了，由于工作比較忙，更新緩慢，后面還是會繼更新，現(xiàn)將已經(jīng)寫好的文章整理一個目錄，方便更多的小伙伴去學(xué)習(xí)。 showImg(https://segmentfault.com/img/remote/1460000017490740?w=1920&h=1080); 個人前端文章整理 從最開始萌生寫文章的想法，到著手...
摘要：申明變量變量名以分號結(jié)束。如果一定要使用點的話，需要改變成駝峰式命名法?；A(chǔ)篇練習(xí)看完以上的小伙伴，可以看兩個例子的效果，試著做一下。練習(xí)一點擊按鈕，設(shè)置方塊大小練習(xí)二點擊按鈕，增加或減小字體大小 1.JS存放在代碼中的位置 1.JS寫在行間 hello world 優(yōu)點：直接，簡單 缺點：不方便復(fù)用和維護(hù),不符合結(jié)構(gòu)行為分離規(guī)范 2.JS寫在script ( 一般寫在body...
摘要：申明變量變量名以分號結(jié)束。如果一定要使用點的話，需要改變成駝峰式命名法。基礎(chǔ)篇練習(xí)看完以上的小伙伴，可以看兩個例子的效果，試著做一下。練習(xí)一點擊按鈕，設(shè)置方塊大小練習(xí)二點擊按鈕，增加或減小字體大小 1.JS存放在代碼中的位置 1.JS寫在行間 hello world 優(yōu)點：直接，簡單 缺點：不方便復(fù)用和維護(hù),不符合結(jié)構(gòu)行為分離規(guī)范 2.JS寫在script ( 一般寫在body...
摘要：申明變量變量名以分號結(jié)束。如果一定要使用點的話，需要改變成駝峰式命名法?；A(chǔ)篇練習(xí)看完以上的小伙伴，可以看兩個例子的效果，試著做一下。練習(xí)一點擊按鈕，設(shè)置方塊大小練習(xí)二點擊按鈕，增加或減小字體大小 1.JS存放在代碼中的位置 1.JS寫在行間 hello world 優(yōu)點：直接，簡單 缺點：不方便復(fù)用和維護(hù),不符合結(jié)構(gòu)行為分離規(guī)范 2.JS寫在script ( 一般寫在body...
摘要：所以，一般放在結(jié)束標(biāo)簽之前。申明變量變量名以分號結(jié)束。如果一定要使用點的話，需要改變成駝峰式命名法?；A(chǔ)篇練習(xí)看完以上的小伙伴，可以看兩個例子的效果，試著做一下。 1.JS存放在代碼中的位置 1.JS寫在行間 hello world 優(yōu)點：直接，簡單 缺點：不方便復(fù)用和維護(hù),不符合結(jié)構(gòu)行為分離規(guī)范 2.JS寫在script ( 一般寫在body結(jié)束標(biāo)簽之前 )因為JS的執(zhí)行順序...
閱讀 2590·2021-10-19 11:41
閱讀 2425·2021-09-01 10:32
閱讀 3386·2019-08-29 15:21
閱讀 1764·2019-08-29 12:20
閱讀 1172·2019-08-29 12:13
閱讀 608·2019-08-26 12:24
閱讀 2526·2019-08-26 10:26
閱讀 842·2019-08-23 18:40
