- JavaScript網(wǎng)頁游戲制作輕松學(xué)
- 程晨
- 6字
- 2021-01-06 18:08:31
02 類型和變量
2.1 瀏覽器中的控制臺(tái)
前面說過,我們要學(xué)習(xí)JavaScript,不用安裝其他軟件,使用瀏覽器就可以了,下面我們就利用瀏覽器來學(xué)習(xí)一下JavaScript中的基本概念。
說明:本書使用的是Google的Chrome瀏覽器,操作系統(tǒng)是Windows。
打開Chrome瀏覽器,按下Ctrl+Shift+j或F12來打開瀏覽器的開發(fā)人員工具,這是程序員對(duì)網(wǎng)頁進(jìn)行測試的一個(gè)窗口,如圖2.1所示。

圖2.1 Chrome中的調(diào)試窗口
調(diào)試工作主要是在控制臺(tái)(Console)完成的,如果你的窗口中選中的不是這個(gè)標(biāo)簽項(xiàng),那就要用鼠標(biāo)單擊這個(gè)選項(xiàng)卡切換到控制臺(tái),然后在下方空白區(qū)域的左上方應(yīng)該有一個(gè)向右的藍(lán)色箭頭,箭頭后面就是我們可以簡單地編寫JavaScript代碼的位置。
我們可以嘗試在這里進(jìn)行簡單的數(shù)學(xué)運(yùn)算,輸入“3*7”,則會(huì)在下方顯示出JavaScript解釋器輸出的結(jié)構(gòu),從顯示上能夠看到輸出的內(nèi)容前面是一個(gè)向左的箭頭。這里在箭頭后面是3乘以7的運(yùn)算結(jié)果21,如圖2.2所示。

圖2.2 簡單的運(yùn)算
推薦閱讀
- 中文版Dreamweaver CS6/Flash CS6/Photoshop CS6網(wǎng)頁設(shè)計(jì)基礎(chǔ)培訓(xùn)
- Dreamweaver CS5+ASP動(dòng)態(tài)網(wǎng)站設(shè)計(jì)實(shí)用手冊(cè)
- 園區(qū)網(wǎng)互聯(lián)及網(wǎng)站建設(shè)
- CSS+DIV網(wǎng)頁樣式與布局案例指導(dǎo)
- 網(wǎng)頁美工
- 網(wǎng)頁設(shè)計(jì)與制作(Dreamweaver CS6)
- jQuery Web開發(fā)案例教程(在線實(shí)訓(xùn)版)
- 中文版Dreamweaver CC+Flash CC+Photoshop CC網(wǎng)頁設(shè)計(jì)實(shí)戰(zhàn)視頻教程
- 電子商務(wù)網(wǎng)頁設(shè)計(jì)(第二版)
- 淘寶店鋪頁面設(shè)計(jì)與裝修實(shí)戰(zhàn)教程
- 人人都玩開心網(wǎng):Ext JS+Android+SSH整合開發(fā)Web與移動(dòng)SNS
- Web綜合實(shí)戰(zhàn)教程
- Dreamweaver CC網(wǎng)頁設(shè)計(jì)從入門到精通(微課精編版)
- H5頁面設(shè)計(jì)與制作(全彩慕課版)
- 網(wǎng)頁設(shè)計(jì)與制作項(xiàng)目教程(微課版)