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