(一)前端基本功:JS必記知識點+案例

提示框

1.彈出警示框

alert();window.alert();window窗口

2.控制臺輸出

console.log()

3.文檔打印document文檔

document.write();


變量

變量的命名規(guī)則!

1.變量命名必須以字母或是下標(biāo)符號”_”或者”$”為開頭。

2.變量名長度不能超過255個字符拌禾。

3.變量名中不允許使用空格邓馒。

4.不用使用腳本語言中保留的關(guān)鍵字及保留符號作為變量名。

5.變量名區(qū)分大小寫。(javascript是區(qū)分大小寫的語言)



變量的作用域

根據(jù)變量的作用范圍可以分為全局變量和局部變量

全局變量:

1.在最外層聲明的變量鹏漆。

2.在函數(shù)體內(nèi)部躁愿,但是沒有聲明var的變量也是全局變量

局部變量:

在函數(shù)體內(nèi)部的聲明的變量

小知識點:

隱式的全局變量


事件三要素:

事件源、事件篓叶、事件處理程序

·事件源.事件= function(){事件處理函數(shù)}

·事件:

事件練習(xí)案例

1.改變粉色盒子寬度:

2.京東動圖換色烈掠,案例效果如下:(鼠標(biāo)移入由綠變紅,綠色為png1,紅色為png2)

源碼:


此案例的圖片素材:

鏈接:http://pan.baidu.com/s/1dFFVGE9 密碼:ll5z

入口函數(shù)

window.onload = function(){

內(nèi)部放js

}

這個函數(shù)的意思就是說,當(dāng)我們頁面加載完畢之后缸托,采取執(zhí)行函數(shù)體里面的js部分左敌。


JS的書寫位置

Js的書寫位置非常的自由∴露可以參照css的位置來分類母谎。

1)行內(nèi)式

一般情況,單雙引號是一樣的 但是出現(xiàn)了包裹的情況京革。

我們一般采取的是外雙內(nèi)單的格式奇唤。


2)內(nèi)嵌式

<script type="text/javascript"></script> ?任何一個地方

3)外鏈?zhǔn)?/p>

<scipt type ="text/javascript" src="xx.js"></script>

這對標(biāo)記之間不能寫任何的東西。


數(shù)據(jù)類型

Js的數(shù)據(jù)類型分為:

字符型 ?/ ?數(shù)值型 ?/布爾型 ?/null ?/ undefined

Js是一個是一種弱數(shù)據(jù)類型匹摇。

1.字符型(string)

String

轉(zhuǎn)換為字符型:

方法<1>.利用“”(雙引號)

加了引號的都是字符型咬扇。

方法<2>.利用String();轉(zhuǎn)換為字符型

【案例】:

【結(jié)果】:


2.布爾型(boolean)

就兩個值正確的和錯誤的true和false

數(shù)據(jù)類型轉(zhuǎn)換為布爾型:

方法<1>.利用 ?!!

【案例】:

【結(jié)果】:boolean

字符型:a++與a=a+1不一樣

【注意辨析下面案例】

var num=“0”字符型

結(jié)果為1


結(jié)果為01

【備注】:上例01常用作時間24小時顯示。

方法<2>.利用Boolean()

· false廊勃、undefined懈贺、null、0坡垫、””(空)【為 false】

· true梭灿、1、”somestring”(任何一個字符串)冰悠、[Object] 為【true】

3.數(shù)值型

數(shù)組的前面帶0表示8進制

【案例】:

020因為8進制堡妒,所以為16

【計算方式】:

數(shù)值前面帶0x表示十六進制

轉(zhuǎn)換為數(shù)值型:

方法1.利用- ? * ?/都可以轉(zhuǎn)換,除了+(利用減法溉卓,乘法皮迟,除法搬泥,除了加法都可以把字符形轉(zhuǎn)為數(shù)值型)

【案例】:

方法2.利用Number( )

方法3.parseInt


4.Null Undefined

Null空的沒有值。

Undefined未定義的應(yīng)該有值伏尼,但是沒有給忿檩。

Null“”


ParseInt() 和paseFloat()

parseInt(值,進制);

【案例】:parseInt(110,2)

表示2進制把110這個值轉(zhuǎn)換為110進制

算法是:0*2的0次方+1*2的1次方+ 1*2的2次方=6

parseInt

[運用案例]:

總結(jié):parseInt是一個非常多功能的東西,可以將字符串轉(zhuǎn)為數(shù)字爆阶,也可將數(shù)字取整燥透。



有任何疑問請在評論區(qū)留言,咱們一起探討與進步吧扰她!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末兽掰,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子徒役,更是在濱河造成了極大的恐慌孽尽,老刑警劉巖,帶你破解...
    沈念sama閱讀 210,835評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件忧勿,死亡現(xiàn)場離奇詭異杉女,居然都是意外死亡,警方通過查閱死者的電腦和手機鸳吸,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,900評論 2 383
  • 文/潘曉璐 我一進店門熏挎,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人晌砾,你說我怎么就攤上這事坎拐。” “怎么了养匈?”我有些...
    開封第一講書人閱讀 156,481評論 0 345
  • 文/不壞的土叔 我叫張陵哼勇,是天一觀的道長。 經(jīng)常有香客問我呕乎,道長积担,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,303評論 1 282
  • 正文 為了忘掉前任猬仁,我火速辦了婚禮帝璧,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘湿刽。我一直安慰自己的烁,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,375評論 5 384
  • 文/花漫 我一把揭開白布诈闺。 她就那樣靜靜地躺著撮躁,像睡著了一般。 火紅的嫁衣襯著肌膚如雪买雾。 梳的紋絲不亂的頭發(fā)上把曼,一...
    開封第一講書人閱讀 49,729評論 1 289
  • 那天,我揣著相機與錄音漓穿,去河邊找鬼嗤军。 笑死,一個胖子當(dāng)著我的面吹牛晃危,可吹牛的內(nèi)容都是我干的叙赚。 我是一名探鬼主播,決...
    沈念sama閱讀 38,877評論 3 404
  • 文/蒼蘭香墨 我猛地睜開眼僚饭,長吁一口氣:“原來是場噩夢啊……” “哼震叮!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起鳍鸵,我...
    開封第一講書人閱讀 37,633評論 0 266
  • 序言:老撾萬榮一對情侶失蹤苇瓣,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后偿乖,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體击罪,經(jīng)...
    沈念sama閱讀 44,088評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,443評論 2 326
  • 正文 我和宋清朗相戀三年贪薪,在試婚紗的時候發(fā)現(xiàn)自己被綠了媳禁。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,563評論 1 339
  • 序言:一個原本活蹦亂跳的男人離奇死亡画切,死狀恐怖竣稽,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情霍弹,我是刑警寧澤毫别,帶...
    沈念sama閱讀 34,251評論 4 328
  • 正文 年R本政府宣布,位于F島的核電站庞萍,受9級特大地震影響拧烦,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜钝计,卻給世界環(huán)境...
    茶點故事閱讀 39,827評論 3 312
  • 文/蒙蒙 一恋博、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧私恬,春花似錦债沮、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,712評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至荣德,卻和暖如春闷煤,著一層夾襖步出監(jiān)牢的瞬間童芹,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,943評論 1 264
  • 我被黑心中介騙來泰國打工鲤拿, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留假褪,地道東北人。 一個月前我還...
    沈念sama閱讀 46,240評論 2 360
  • 正文 我出身青樓近顷,卻偏偏與公主長得像生音,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子窒升,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,435評論 2 348

推薦閱讀更多精彩內(nèi)容

  • 1. Java基礎(chǔ)部分 基礎(chǔ)部分的順序:基本語法缀遍,類相關(guān)的語法,內(nèi)部類的語法饱须,繼承相關(guān)的語法域醇,異常的語法,線程的語...
    子非魚_t_閱讀 31,596評論 18 399
  • 什么是 JavaScript 語言冤寿? JavaScript 是一種輕量級的腳本語言歹苦。所謂“腳本語言”(script...
    oWSQo閱讀 1,788評論 0 1
  • JavaScript是什么? JS是一種小型的督怜、輕量級的殴瘦、面向?qū)ο蟮摹⒖缙脚_的客戶端腳本語言号杠。JS是嵌入到瀏覽器軟...
    鉤不了沉閱讀 1,894評論 0 6
  • 一蚪腋、PXE PXE(Pre-boot Execution Environment,預(yù)啟動執(zhí)行環(huán)境) 在Client...
    崔健敏閱讀 1,384評論 0 1
  • 社會上特別是大學(xué)生群體中流行了新的“讀書無用論”姨蟋,這實際上指的是龐大的教育成本屉凯,置換來相對較低的回報,造成人們對讀...
    湖畔小鎮(zhèn)閱讀 1,043評論 0 0