JavaScript輸入輸出
C++, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);">
C++, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);">JavaScript輸入輸出
1.輸入輸出
程序的目的是為了實(shí)現(xiàn)與用戶的交互,要進(jìn)行交互,必然會(huì)牽涉到輸入和輸出。使用window.prompt()可以接受用戶的輸入,輸出則分以下4種方式。
使用window.alert()彈出警告框。
使用document.write()方法將內(nèi)容寫到HTML文檔種。另外也可以用document.writeln()將內(nèi)容寫入HTML文檔,而且它會(huì)自動(dòng)加上一個(gè)換行符。不過,由于HTML文檔使用<br>作為換行符,所以并不能真正用它來換行。
另外需要特別注意的一點(diǎn)是,document.write或document.writeln往HTML文檔寫入內(nèi)容時(shí),會(huì)覆蓋掉文檔里面已經(jīng)被渲染完成的元素,所以通常用這些方法來調(diào)試頁面,在真實(shí)的網(wǎng)頁使用種很少會(huì)使用到該方法往頁面種輸入內(nèi)容,而是選擇下面第3種方式。
使用innerHTML寫入HTML元素種,比如DIV種。
使用console.log()寫入瀏覽器的控制臺(tái)。在瀏覽器中(Chrome、IE、Firefox)使用F12鍵啟用調(diào)試模式,在調(diào)試窗口種單擊“Console(控制臺(tái))”菜單即可。
例如案例5-1所示代碼,請注意代碼中的注釋。
案例5-1 example01.html
針對上述代碼,正式開始運(yùn)行的第一行代碼是:“var content = window.prompt("請輸入你的內(nèi)容:");”,這行代碼運(yùn)行效果如圖5-1所示。
圖 5-1 prompt函數(shù)提示用戶輸入
這個(gè)時(shí)候,用戶在提示框里面任意輸入一段內(nèi)容,例如輸入“Hello 歡迎學(xué)習(xí)JavaScript”,此時(shí)該內(nèi)容將復(fù)制給變量content,那么content這個(gè)變量里面就會(huì)保存著用戶輸入的這段內(nèi)容。后面的三行輸出代碼便是將該變量的值輸出到頁面上,第一行輸出代碼的運(yùn)行結(jié)果如果5-2所示,可以看到window.alert()函數(shù)輸出是以一個(gè)對話框的形式將內(nèi)容展現(xiàn)在頁面上的。
圖5-2 使用window.alert()輸出內(nèi)容
第二行輸出代碼document.write()的輸出結(jié)果,如圖5-3所示,直接將內(nèi)容打印在瀏覽器窗口中。
圖 5-3 使用document.write()輸出內(nèi)容
第三行輸出代碼如圖5-4所示,可以看到,使用console.log()的方式輸出內(nèi)容,內(nèi)容并不會(huì)直接出現(xiàn)在瀏覽器窗口種,而是以調(diào)試日志的方式出現(xiàn),需要使用開發(fā)人員工具(按會(huì)計(jì)鍵F12即可調(diào)出)才能查看該輸出。
圖 5-4 使用console.log()輸出內(nèi)容
2.編輯規(guī)則
基于上述代碼,介紹在JavaScript種常見的編程規(guī)則如下。
1) //:雙斜線,表示注釋一行內(nèi)容,備注不能換行。
2) /* 備注內(nèi)容 */:表示注釋一段內(nèi)容,可以對注釋內(nèi)容進(jìn)行換行。
3) var: JavaScript關(guān)鍵字,用于定義一個(gè)變量,是variable的簡寫。
4) 變量的名稱可以自己隨便寫,但是通常會(huì)遵守一定的約定,即駝峰規(guī)則(Camel Rule)。
駝峰規(guī)則分為大駝峰和小駝峰兩張,比如HelloWorld、JavaScriptBasicStudy這種風(fēng)格的名稱稱為大駝峰,即每一個(gè)單純的首字母都大寫;而像myNameIs、javascriptDemo這種名稱則稱為小駝峰,即首字母小寫,后續(xù)的每個(gè)單純的首字母都大寫。這樣的命名規(guī)則在很多編程語音種都遵守,如Java等。
5) 變量的命名規(guī)則:
盡量不要使用全拼,因?yàn)橹形牡娜创碇芏嘀匾饬x,名稱無法準(zhǔn)確表達(dá)其意義,如yinyue這個(gè)全拼,可表示為音樂、隱約、銀月等,顯然,如果表示音樂,用英文單詞music會(huì)更加清晰。
盡量少用數(shù)字和特殊符合,并且JavaScript不支持以數(shù)字作為變量名稱的開頭,也不支持包含特殊符號,唯一例外的就是下劃線和美元符號。
盡量避免隨意簡寫,使代碼可讀性更強(qiáng)。比如JavaScriptBasicStudy這樣的名稱,如果簡寫為jsbs就沒有任何意義,代碼的可讀性將會(huì)變差。
6) 每行代碼都會(huì)以分號“;”結(jié)束,雖然在JavaScript種并不強(qiáng)制要求以分號結(jié)束一行代碼,但是為了更好的習(xí)慣其他編程語言,如C、C++、Java、PHP等,建議加分號。
7) 在JavaScript種,變量是區(qū)分大小寫的,比如變量JavaScript與變量javascript是兩個(gè)不同的變量。
8) 所有字符串雙引號、結(jié)束的分號、單引號等都必須是英文半角狀態(tài)下的字符,否則代碼將無法正常識別和處理,會(huì)導(dǎo)致錯(cuò)誤。