摘要：變量定義變量使用關(guān)鍵字變量名變量名可以任意取名，但要遵循命名規(guī)則變量必須使用字母下劃線或者美元符開始。語法參數(shù)說明在消息對話框中要顯示的文本返回值值。返回值點擊確定按鈕，文本框中的內(nèi)容將作為函數(shù)返回值。
簡述
本系列將持續(xù)更新Javascript基礎(chǔ)部分的知識，誰都想掌握高端大氣的技術(shù)，但是我覺得沒有一個扎實的基礎(chǔ)，我認為一切高階技術(shù)對我來講都是過眼云煙，要成為一名及格的前端工程師，必須把基礎(chǔ)打扎實了。我也想展翅高飛，但前提我必須練就一雙會飛的翅膀。
Javascript基礎(chǔ)部分
簡述Javascript
javascript作為一種腳本語言可以放在html頁面中任何位置，但是瀏覽器解釋html時是按先后順序的，所以Javascript的擺放很講技巧。
一般建議放在最后，在頁面渲染結(jié)束后再執(zhí)行js腳本加載，因為js加載常常會遇到阻塞的問題，不能因為js的阻塞而影響頁面渲染效果。
當(dāng)然不同情況有不同的處理，比如進行頁面顯示初始化的js必須放在head里面，因為初始化都要求提前進行（如給頁面body設(shè)置css等）；而如果是通過事件調(diào)用執(zhí)行的function那么對位置沒什么要求的。
變量（var）
定義變量使用關(guān)鍵字var：
變量名可以任意取名，但要遵循命名規(guī)則:
變量要先聲明再賦值，如下：
變量可以重復(fù)賦值，如下：
注意 :
函數(shù)（function）
如何定義一個函數(shù)呢？基本語法如下:
說明 :
function定義函數(shù)的關(guān)鍵字。
"函數(shù)名"你為函數(shù)取的名字。
"函數(shù)代碼"替換為完成特定功能的代碼。
比如：
說明 ：這是一個簡單函數(shù)，函數(shù)名為add2的函數(shù)，功能是實現(xiàn)兩數(shù)相加顯示結(jié)果。
【函數(shù)調(diào)用】函數(shù)定義好后，是不能自動執(zhí)行的，所以需調(diào)用它,只需直接在需要的位置寫函數(shù)就ok了:
函數(shù)調(diào)用
說明：這里寫了一個簡單的案例，js寫了一個簡單的文本輸出函數(shù)，頁面按鈕點擊觸發(fā)js函數(shù)調(diào)用，實現(xiàn)js函數(shù)的文本輸出功能。
輸出內(nèi)容（document.write）
document.write()可用于直接向HTML輸出流寫內(nèi)容，簡單的說就是直接在網(wǎng)頁中輸出內(nèi)容。下面介紹幾種向網(wǎng)頁輸出內(nèi)容的方法：
第一種: 輸出內(nèi)容用 " " 括起，直接輸出 " " 號內(nèi)的內(nèi)容。
第二種: 通過變量，輸出變量的內(nèi)容
第三種: 輸出多項內(nèi)容，內(nèi)容之間用 +號 連接。
var mystr="hello";
//多項內(nèi)容之間用+號連接
document.write(mystr+"I love JavaScript");
第四種:輸出HTML標(biāo)簽，并起作用，標(biāo)簽使用 " " 括起來。
注意點：關(guān)于JS輸出空格
在寫JS代碼的時候，大家可以會發(fā)現(xiàn)這樣現(xiàn)象:document.write(" 1 2 3 "); 結(jié)果: 1 2 3
無論在輸出的內(nèi)容中什么位置有多少個空格，顯示的結(jié)果好像只有一個空格。
這是因為瀏覽器顯示機制，對手動敲入的空格，將連續(xù)多個空格顯示成1個空格。
如果你真的需要顯示你所希望看到的哪些空格，可以這么做：
1.使用輸出html標(biāo)簽 ? 來解決：
結(jié)果: 1 23
2.使用CSS樣式來解決：
結(jié)果: 1 2 3
在輸出時添加“white-space:pre;”樣式屬性。這個樣式表示"空白會被瀏覽器保留"。
警告消息對話框（alert）
我們在訪問網(wǎng)站的時候，有時會突然彈出一個小窗口，上面寫著一段提示信息文字。如果你不點擊“確定”，就不能對網(wǎng)頁做任何操作，這個小窗口就是使用alert實現(xiàn)的。語法:
注意:
在點擊對話框"確定"按鈕前，不能進行任何其它操作。
消息對話框通常可以用于調(diào)試程序。
alert輸出內(nèi)容，可以是字符串或變量，與document.write 相似。
確認消息對話框（confirm）
confirm 消息對話框通常用于允許用戶做選擇的動作，如：“你確定嗎？”等。彈出對話框(包括一個確定按鈕和一個取消按鈕)。語法:
參數(shù)說明:
str ：在消息對話框中要顯示的文本返回值: Boolean 值。
例子: 通過返回值（true或false）可以判斷用戶點擊了什么按鈕。
例子：你可以在頁面的某個按鈕設(shè)置確認，從而觸發(fā)對應(yīng)的業(yè)務(wù)邏輯：
confirm
提問消息對話框（prompt）
首先這個小家伙很少見，一般人很少會用到它，但是還是有必要介紹它的。prompt彈出消息對話框,通常用于詢問一些需要與用戶交互的信息。彈出消息對話框（包含一個確定按鈕、取消按鈕與一個文本輸入框）。語法:
參數(shù)說明：
返回值:
點擊確定按鈕，文本框中的內(nèi)容將作為函數(shù)返回值。
點擊取消按鈕，將返回null。
這里有一個例子，具體功能就是實現(xiàn)提示用戶輸入自己的姓名，確認后把輸入的值返回給js，js進行判斷做出相應(yīng)反饋：
打開新窗口（window.open）
window.open()方法用于打開一個新的窗口。語法：
參數(shù)說明:_blank 、_selft 等。
例如:打開 http://edu.jobui.com 網(wǎng)站，大小為300px * 200px，無菜單，無工具欄，無狀態(tài)欄，有滾動條窗口：
注意：
關(guān)閉窗口（window.close）
window.close()關(guān)閉窗口，語法：
或者
例如:關(guān)閉新建的窗口。
bug：上面代碼在打開新窗口的同時，關(guān)閉該窗口，所以你是看不到被打開的窗口的了，別撞牛角尖。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/78231.html
