第一章嘱蛋、JavaScript 2019-12-16

一、概述

  1. 用途:為html頁(yè)面添加交互行為五续。
  2. 位置:通常直接嵌入到html頁(yè)面中洒敏。推薦寫到<head></head>中。
  3. 執(zhí)行:解釋器疙驾,也稱為JavaScript引起凶伙,是瀏覽器的一部分。
  4. 開發(fā)工具:任何網(wǎng)頁(yè)開發(fā)工具都可以荆萤。
  5. 特點(diǎn):
    1)腳本語(yǔ)言:沒有預(yù)先編譯的過程镊靴,邊解釋邊執(zhí)行。
    2)弱類型:非強(qiáng)類型链韭,定義變量的時(shí)候偏竟,不用指定變量的類型,變量的類型根據(jù)值得類型來決定敞峭。
    3)跨平臺(tái):不依賴于操作系統(tǒng)踊谋,僅僅依賴瀏覽器。
  6. 注意:
    1)不用瀏覽器使用JavaScript編程旋讹,可能會(huì)有差異殖蚕。
    2)要遵循W3C DOM標(biāo)準(zhǔn),兼容性好沉迹。
  7. 歷史
    1)1995年 網(wǎng)景(Netscape)
    2)是ECMAScript標(biāo)準(zhǔn)的一種體現(xiàn)睦疫,由ECMA組織發(fā)展和委會(huì)。
    3)最新版:ES6(ES2015)
  8. 調(diào)試工具(F12)

二鞭呕、編寫JavaScript

  1. 把JavaScript代碼寫到<script>標(biāo)簽中蛤育。
  2. <script>標(biāo)簽可以放置到網(wǎng)頁(yè)的任何位置。
  3. 變量
    1)聲明變量:var a;
    2)向未聲明的變量賦值,編寫會(huì)自動(dòng)聲明瓦糕。
    3)變量區(qū)分大小寫底洗。
    4)再次聲明變量,變量的值不會(huì)重置或清除咕娄。
    var a = 10;
    //…
    var a;
    5)變量的命名規(guī)則與java相同亥揖,最長(zhǎng)255字符。
  4. 五種原始數(shù)據(jù)類型:使用typeof 變量名圣勒,輸出變量類型费变。
    1)undefined:未初始化的變量的值,值就一個(gè):undefined灾而。
    2)boolean:布爾類型胡控,值true和false扳剿。
    3)number:表示整數(shù)和浮點(diǎn)數(shù)旁趟。
    4)string:字符串類型,值用單引號(hào)或雙引號(hào)括起來庇绽。
    5)null類型:唯一值null锡搜,typeof null 輸出:object
  5. 類型轉(zhuǎn)換
    1)parseInt(value)
    parseInt(3.14|"3.14"|"3.14abc") =>3
    parseInt("abc3.14") => NaN(表示 not a number,不是一個(gè)數(shù)字)
    2)parseFloat(value)
    parseFloat("3.14"|"3.14abc") =>3.14
    3)Number(value):把給定的值轉(zhuǎn)換為數(shù)字瞧掺,它轉(zhuǎn)換整個(gè)值耕餐,而不是部分值。
  6. 算術(shù)運(yùn)算符:+ - * / % ++ --辟狈,與java相同肠缔。
  7. 賦值運(yùn)算符、邏輯運(yùn)算符哼转、比較運(yùn)算符明未、三元運(yùn)算符, 與java相同壹蔓。
  8. 函數(shù):
    1)語(yǔ)法:
    function 函數(shù)名(參數(shù)列表){
    語(yǔ)句;
    return 值;
    }
    2)調(diào)用方式:
    a)在script中直接調(diào)用趟妥。
    b)通過事件調(diào)用。
    <input typt="button" onclick="函數(shù)名(是參列表)"> onclick:?jiǎn)螕羰录?br> 補(bǔ)充:
    document.forms[0].num1.value
    1)document:文檔對(duì)象佣蓉,內(nèi)置對(duì)象披摄,不用創(chuàng)建,直接使用勇凭。
    2)forms:所有表單的集合疚膊。
    3)forms[0]:表示第一個(gè)表單。
    4)num1:表單元素的name屬性值虾标。
    5)value:表單元素的值寓盗。
    從文本框取值:
var n = document.form[0].num1.value;

為文本框賦值:

 document.form[0].num1.value = "10";

eval(字符串表達(dá)式):能夠?qū)Ρ磉_(dá)式進(jìn)行解析,并計(jì)算表達(dá)式的值,并返回贞让。
例如:
var s = "1 + 2";
eval(s) =》返回3

  1. 為元素添加事件處理程序
    1)<input typt="button" value="btn1" onclick="函數(shù)名(實(shí)參列表)">
    2)<script>
    document.forms[0].btn1.onclick = 函數(shù)名;
    </script>
    注意:
    1)執(zhí)行上面的代碼周崭,要保證document.forms[0].btn1已經(jīng)存在。
    2)不能寫成: document.forms[0].btn1.onclick = 函數(shù)名();這樣寫表示馬上執(zhí)行該函數(shù)喳张,而我們需要的是在按鈕被單擊的時(shí)候調(diào)用該函數(shù)续镇。
    3)使用匿名函數(shù)(函數(shù)沒有名稱):只能調(diào)用一次
    document.forms[0].btn1.onclick = function(){
    //函數(shù)體語(yǔ)句。
    };
  2. javasc中函數(shù)沒有重置的概念销部。
  3. arguments對(duì)象
    1)js的函數(shù)可以接收任意個(gè)數(shù)的參數(shù)摸航,通過arguments對(duì)象訪問,該對(duì)象類似于數(shù)組舅桩,可以使用下標(biāo)來訪問參數(shù)酱虎。
    例如:arguments[0]:代表傳遞過來的第一個(gè)參數(shù)。
    2)使用arguments對(duì)象的length屬性擂涛,得到方法調(diào)用的時(shí)候读串,傳遞過來的參數(shù)個(gè)數(shù)。
    例如:arguments.length 實(shí)參的個(gè)數(shù)
    3)使用函數(shù)對(duì)象的length屬性撒妈,得到該方法定義的時(shí)候恢暖,命名參數(shù)的個(gè)數(shù):
    例如:
    function t(a,b){
    }
    t.length 得到形參的個(gè)數(shù)。
  4. prompt("提示文字","默認(rèn)值"):讓用戶輸入值狰右,返回用戶輸入的字符串杰捂。
    點(diǎn)擊取消按鈕,返回null棋蚌,沒有輸入內(nèi)容嫁佳,點(diǎn)擊確定按鈕,返回空串("")
  5. 得到表單對(duì)象的方法:
    1)document.forms[index]
    2)document.表單元素的name值
    3)document.getElementById(表單對(duì)象的id值)
  6. 得到表單元素的方法:
    1)表單對(duì)象.表單元素的name值
    2)document.getElementById(表單元素的id值)
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末谷暮,一起剝皮案震驚了整個(gè)濱河市蒿往,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌坷备,老刑警劉巖熄浓,帶你破解...
    沈念sama閱讀 217,542評(píng)論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異省撑,居然都是意外死亡炼蛤,警方通過查閱死者的電腦和手機(jī)蝗柔,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,822評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門杆烁,熙熙樓的掌柜王于貴愁眉苦臉地迎上來灭忠,“玉大人,你說我怎么就攤上這事肥败≈呵常” “怎么了愕提?”我有些...
    開封第一講書人閱讀 163,912評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)皿哨。 經(jīng)常有香客問我浅侨,道長(zhǎng),這世上最難降的妖魔是什么证膨? 我笑而不...
    開封第一講書人閱讀 58,449評(píng)論 1 293
  • 正文 為了忘掉前任如输,我火速辦了婚禮,結(jié)果婚禮上央勒,老公的妹妹穿的比我還像新娘不见。我一直安慰自己,他們只是感情好崔步,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,500評(píng)論 6 392
  • 文/花漫 我一把揭開白布稳吮。 她就那樣靜靜地躺著,像睡著了一般井濒。 火紅的嫁衣襯著肌膚如雪灶似。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,370評(píng)論 1 302
  • 那天眼虱,我揣著相機(jī)與錄音喻奥,去河邊找鬼席纽。 笑死捏悬,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的润梯。 我是一名探鬼主播过牙,決...
    沈念sama閱讀 40,193評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼纺铭!你這毒婦竟也來了寇钉?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,074評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤舶赔,失蹤者是張志新(化名)和其女友劉穎扫倡,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體竟纳,經(jīng)...
    沈念sama閱讀 45,505評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡撵溃,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,722評(píng)論 3 335
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了锥累。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片缘挑。...
    茶點(diǎn)故事閱讀 39,841評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖桶略,靈堂內(nèi)的尸體忽然破棺而出语淘,到底是詐尸還是另有隱情诲宇,我是刑警寧澤,帶...
    沈念sama閱讀 35,569評(píng)論 5 345
  • 正文 年R本政府宣布惶翻,位于F島的核電站姑蓝,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏吕粗。R本人自食惡果不足惜它掂,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,168評(píng)論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望溯泣。 院中可真熱鬧虐秋,春花似錦、人聲如沸垃沦。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,783評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)肢簿。三九已至靶剑,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間池充,已是汗流浹背桩引。 一陣腳步聲響...
    開封第一講書人閱讀 32,918評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留收夸,地道東北人坑匠。 一個(gè)月前我還...
    沈念sama閱讀 47,962評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像卧惜,于是被迫代替她去往敵國(guó)和親厘灼。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,781評(píng)論 2 354

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