我的javascript學(xué)習(xí)之路_01之js基礎(chǔ)1

近期開始接觸學(xué)習(xí)extjs框架箫柳。該框架是基于JavaScript的手形。為了更好地理解學(xué)習(xí)extjs,必然需要先對JavaScript有一個較好的理解悯恍。


從最著名的web技術(shù)學(xué)習(xí)網(wǎng)站W(wǎng)3C開始库糠。
如下圖:


捕獲.PNG

花了幾個小時將JavaScript的初級教程大致過了一遍。下面做些總結(jié)歸納涮毫。


JavaScript 是屬于網(wǎng)絡(luò)的腳本語言瞬欧!
JavaScript 被數(shù)百萬計的網(wǎng)頁用來改進設(shè)計、驗證表單罢防、檢測瀏覽器艘虎、創(chuàng)建cookies,以及更多的應(yīng)用咒吐。
JavaScript 是因特網(wǎng)上最流行的腳本語言野建。
JavaScript 很容易使用!你一定會喜歡它的恬叹!

這是W3C上介紹JavaScript的四句話候生,JavaScript的語言類型,作用绽昼,用途唯鸭,地位,特點等硅确。

JavaScript的簡介

JavaScript 是腳本語言
JavaScript 是一種輕量級的編程語言目溉。
JavaScript 是可插入 HTML 頁面的編程代碼明肮。
JavaScript 插入 HTML 頁面后,可由所有的現(xiàn)代瀏覽器執(zhí)行停做。
JavaScript 很容易學(xué)習(xí)晤愧。

JavaScript的使用

上面提到,JavaScript是可插入HTML的代碼蛉腌。那么如何插入使用JavaScript呢官份?
一般有兩種方法:

  • 一種直接將JavaScript插入在<script> 與 </script> 標簽之間
    <!DOCTYPE html> <html> <body> . . <script> document.write("<h1>This is a heading</h1>"); document.write("<p>This is a paragraph</p>"); </script> . . </body> </html>
  • 把腳本保存到外部文件中。在 <script> 標簽的 "src" 屬性中設(shè)置該 .js 文件
    <!DOCTYPE html> <html> <body> <script src="myScript.js"></script> </body> </html>

關(guān)于JavaScript的使用還有幾個要注意的小點:

  • 可以在 HTML 文檔中放入不限數(shù)量的腳本烙丛。
  • 可位于 HTML 的 <body> 或 <head> 部分中舅巷,或者同時存在于兩個部分中。
  • ** 通常的做法是把函數(shù)放入 <head> 部分中河咽,或者放在頁面底部钠右。這樣就可以把它們安置到同一處位置,不會干擾頁面的內(nèi)容忘蟹。**
  • 外部腳本不能包含 <script> 標簽飒房。

JavaScript輸出

JavaScript操作輸出主要有兩種方式:

  • 操作HTML元素
    從 JavaScript 訪問某個 HTML 元素,使用 document.getElementById(id) 方法
    <!DOCTYPE html><html><body><h1>My First Web Page</h1><p id="demo">My First Paragraph</p><script>document.getElementById("demo").innerHTML="My First JavaScript"; </script></body></html

  • 直接寫到文檔輸出
    使用 document.write() 僅僅向文檔輸出寫內(nèi)容媚值。
    如果在文檔已完成加載后執(zhí)行 document.write狠毯,整個 HTML 頁面將被覆蓋.

javascript語句

與C,Java等語言類似褥芒。句尾分號嚼松,大小寫敏感等。有其他語言基礎(chǔ)的锰扶,此處可瀏覽一遍即可献酗。
作為腳本語言,瀏覽器會在讀取代碼時坷牛,逐行地執(zhí)行腳本代碼罕偎。而對于傳統(tǒng)編程來說,會在執(zhí)行前對所有代碼進行編譯漓帅。

JavaScript注釋

JavaScript注釋與Java語言相同锨亏。“//”用于單行注釋忙干;“/*”用于多行注釋

JavaScript變量

var pi=3.14; var name="Bill Gates"; var answer='Yes I am!';
變量的聲明簡單,var關(guān)鍵字浪藻。變量是存儲信息的容器捐迫。
在計算機程序中,經(jīng)常會聲明無值的變量爱葵。未使用值來聲明的變量施戴,其值實際上是 undefined反浓。
變量可以使用短名稱(比如 x 和 y),也可以使用描述性更好的名稱(比如 age, sum, totalvolume)赞哗。

  • 變量必須以字母開頭
  • 變量也能以 $ 和 _ 符號開頭(不過我們不推薦這么做)
  • 變量名稱對大小寫敏感(y 和 Y 是不同的變量)

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

JavaScript擁有動態(tài)類型雷则。這意味著相同的變量可用作不同的類型。
var x // x 為 undefined var x = 6; // x 為數(shù)字 var x = "Bill"; // x 為字符串

  • 字符串
  • 數(shù)字
  • 布爾
  • 數(shù)組
    數(shù)組的聲明方式有三種:
    var cars=new Array(); cars[0]="Audi"; cars[1]="BMW"; cars[2]="Volvo";

var cars=new Array("Audi","BMW","Volvo");

var cars=["Audi","BMW","Volvo"];

  • 對象
    對象由花括號分隔肪笋。在括號內(nèi)部月劈,對象的屬性以名值對的形式 (name : value) 來定義。屬性由逗號分隔:
    var person={ firstname : "Bill", lastname : "Gates", id : 5566 };
  • Null
    可以通過將變量的值設(shè)置為 null 來清空變量藤乙。
  • Undefined
    Undefined 這個值表示變量不含有值

第一部分的js基礎(chǔ)就到基礎(chǔ)猜揪。
總結(jié)一下,我們先簡單學(xué)習(xí)了JavaScript的特點用途坛梁;然后學(xué)會兩種將JavaScript嵌入HTML的方法而姐;JavaScript輸出一般有兩種方式,分別是通過id操作HTML元素輸出划咐,以及直接寫到文檔輸出拴念;JavaScript的語句與注釋與Java語言和c語言基本相同;JavaScript變量的聲明使用褐缠;JavaScript的數(shù)據(jù)類型主要有7種政鼠,數(shù)字,字符串送丰,數(shù)組缔俄,布爾,對象器躏,null俐载,undefined.
下一部分我們將繼續(xù)介紹js基礎(chǔ)內(nèi)容,分別是:

  • JS 對象
  • JS 函數(shù)
  • JS 運算符
  • JS 選擇語句
  • JS 循環(huán)語句
  • JS 錯誤異常處理
  • JS 驗證
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末登失,一起剝皮案震驚了整個濱河市遏佣,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌揽浙,老刑警劉巖状婶,帶你破解...
    沈念sama閱讀 217,657評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異馅巷,居然都是意外死亡膛虫,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,889評論 3 394
  • 文/潘曉璐 我一進店門钓猬,熙熙樓的掌柜王于貴愁眉苦臉地迎上來稍刀,“玉大人,你說我怎么就攤上這事≌嗽拢” “怎么了综膀?”我有些...
    開封第一講書人閱讀 164,057評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長局齿。 經(jīng)常有香客問我剧劝,道長,這世上最難降的妖魔是什么抓歼? 我笑而不...
    開封第一講書人閱讀 58,509評論 1 293
  • 正文 為了忘掉前任讥此,我火速辦了婚禮,結(jié)果婚禮上锭部,老公的妹妹穿的比我還像新娘暂论。我一直安慰自己,他們只是感情好拌禾,可當我...
    茶點故事閱讀 67,562評論 6 392
  • 文/花漫 我一把揭開白布取胎。 她就那樣靜靜地躺著,像睡著了一般湃窍。 火紅的嫁衣襯著肌膚如雪闻蛀。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,443評論 1 302
  • 那天您市,我揣著相機與錄音觉痛,去河邊找鬼。 笑死茵休,一個胖子當著我的面吹牛薪棒,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播榕莺,決...
    沈念sama閱讀 40,251評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼俐芯,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了钉鸯?” 一聲冷哼從身側(cè)響起吧史,我...
    開封第一講書人閱讀 39,129評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎唠雕,沒想到半個月后贸营,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,561評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡岩睁,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,779評論 3 335
  • 正文 我和宋清朗相戀三年钞脂,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片捕儒。...
    茶點故事閱讀 39,902評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡芳肌,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出肋层,到底是詐尸還是另有隱情亿笤,我是刑警寧澤,帶...
    沈念sama閱讀 35,621評論 5 345
  • 正文 年R本政府宣布栋猖,位于F島的核電站净薛,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏蒲拉。R本人自食惡果不足惜肃拜,卻給世界環(huán)境...
    茶點故事閱讀 41,220評論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望雌团。 院中可真熱鬧燃领,春花似錦、人聲如沸锦援。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,838評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽灵寺。三九已至曼库,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間略板,已是汗流浹背毁枯。 一陣腳步聲響...
    開封第一講書人閱讀 32,971評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留叮称,地道東北人种玛。 一個月前我還...
    沈念sama閱讀 48,025評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像瓤檐,于是被迫代替她去往敵國和親赂韵。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,843評論 2 354

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

  • 《ijs》速成開發(fā)手冊3.0 官方用戶交流:iApp開發(fā)交流(1) 239547050iApp開發(fā)交流(2) 10...
    葉染柒丶閱讀 5,138評論 0 7
  • JS簡介 外部JavaScript中文件的文件擴展名為.js距帅,如果使用外部文件右锨,那么標簽需要設(shè)置它的src屬性為文...
    Grape_葡萄閱讀 932評論 1 6
  • 1.HTML DOM (Document Object Model) document.getElementByI...
    廖馬兒閱讀 1,422評論 0 17
  • 一、JS前言 (1)認識JS 也許你已經(jīng)了解HTML標記(也稱為結(jié)構(gòu))碌秸,知道了CSS樣式(也稱為表示)绍移,會使用HT...
    凜0_0閱讀 2,770評論 0 8
  • 今天又一次坐校長的車,嗯讥电,不錯還算有收獲蹂窖,有點東西可寫。 車上校長問去北京的那位同事有什么收獲恩敌,那位同事說了一個某...
    ToBeMself閱讀 375評論 0 0