JS基礎(chǔ)教程

我們需要思考以下問題:

1埂淮、javaScript是什么?

2伞梯、javaScript的用途是什么玫氢?

3、javaScript和ECMAScript的關(guān)系是什么谜诫?

4漾峡、javaScript由哪幾部分組成?

5喻旷、javaScript的執(zhí)行原理是怎樣的生逸?

6、在頁面文件中是如何引入javaScript文件的且预?
由以上幾個(gè)問題我們一起逐個(gè)分析和詳解槽袄。

一、javaScript是什么锋谐?

javaScript是一種web前端的描述語言遍尺,也是一種基于對象(object)和事件驅(qū)動(Event Driven)的、安全性好的腳本語言怀估。

它運(yùn)行在客戶端從而減輕服務(wù)器的負(fù)擔(dān)狮鸭。

javaScript的特點(diǎn):

javaScript主要用來向html頁面中添加交互行為.
javaScript是一種腳本語言,屬弱語言類型多搀。
javaScript一般用來編寫客戶端腳本歧蕉,node.js例外。
javaScript是一種解釋型語言.
二康铭、javaScript的用途是什么惯退?

javaScript的用途是解決頁面交互和數(shù)據(jù)交互,最終目的是豐富客戶端效果以及數(shù)據(jù)的有效傳遞从藤。

實(shí)現(xiàn)頁面交互催跪,提升用戶體驗(yàn)實(shí)現(xiàn)頁面特效锁蠕。即js操作html的dom節(jié)構(gòu)或操作樣式。
客戶端表單驗(yàn)證即在數(shù)據(jù)送達(dá)服務(wù)端之前進(jìn)行用戶提交信息即時(shí)有效地驗(yàn)證懊蒸,減輕服務(wù)器壓力荣倾。即數(shù)據(jù)交互。
三骑丸、javaScript和ECMAScript的關(guān)系是什么舌仍?

ECMAScript是腳本程序設(shè)計(jì)語言的web標(biāo)準(zhǔn)。

javaScript和ECMAScript的關(guān)系:

ECMAScript是歐洲計(jì)算機(jī)制造商協(xié)會通危,基于美國網(wǎng)景通訊公司的Netscape發(fā)明的javaScript和Microsoft公司隨后模仿javaScript推出JScript腳本語言制定了ECMAScript標(biāo)铸豁。
四、javaScript由哪幾部分組成菊碟?

js組成.png

五节芥、javaScript的執(zhí)行原理是怎樣的?

js執(zhí)行原理.png

六逆害、在頁面文件中是如何引入javaScript文件的头镊?

使用<script>...,/script>標(biāo)簽。
使用外部js文件忍燥。
直接在html標(biāo)簽中拧晕。
  使用<script>...,/script>標(biāo)簽的語法:


    <!--

      //javaScritpt語句;

    -->

   </script>

使用外部js文件示例代碼:

 <!DOCTYPE html>
  <html>
    <body>
      <script src="myScript.js"></script>
    </body>
  </html>

JavaScript:直接寫入 HTML 輸出流
實(shí)例

document.write("<h1>這是一個(gè)標(biāo)題</h1>");
document.write("<p>這是一個(gè)段落梅垄。</p>");

JavaScript:對事件的反應(yīng)
實(shí)例

<button type="button" onclick="alert('歡迎!')">點(diǎn)我!</button>

javaScript:改變 HTML 內(nèi)容
使用 JavaScript 來處理 HTML 內(nèi)容是非常強(qiáng)大的功能厂捞。
實(shí)例

x=document.getElementById("demo")  //查找元素
x.innerHTML="Hello JavaScript";    //改變內(nèi)容

JavaScript:驗(yàn)證輸入
JavaScript 常用于驗(yàn)證用戶的輸入。
實(shí)例

if isNaN(x) {alert("不是數(shù)字")};

JavaScript:改變 HTML 樣式
改變 HTML 元素的樣式队丝,屬于改變 HTML 屬性的變種靡馁。
實(shí)例

x=document.getElementById("demo")  //找到元素 
x.style.color="#ff0000";           //改變樣式
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市机久,隨后出現(xiàn)的幾起案子臭墨,更是在濱河造成了極大的恐慌,老刑警劉巖膘盖,帶你破解...
    沈念sama閱讀 221,576評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件胧弛,死亡現(xiàn)場離奇詭異,居然都是意外死亡侠畔,警方通過查閱死者的電腦和手機(jī)结缚,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,515評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來软棺,“玉大人红竭,你說我怎么就攤上這事。” “怎么了茵宪?”我有些...
    開封第一講書人閱讀 168,017評論 0 360
  • 文/不壞的土叔 我叫張陵最冰,是天一觀的道長。 經(jīng)常有香客問我稀火,道長暖哨,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,626評論 1 296
  • 正文 為了忘掉前任憾股,我火速辦了婚禮鹿蜀,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘服球。我一直安慰自己,他們只是感情好颠焦,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,625評論 6 397
  • 文/花漫 我一把揭開白布斩熊。 她就那樣靜靜地躺著,像睡著了一般伐庭。 火紅的嫁衣襯著肌膚如雪粉渠。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,255評論 1 308
  • 那天圾另,我揣著相機(jī)與錄音霸株,去河邊找鬼。 笑死集乔,一個(gè)胖子當(dāng)著我的面吹牛去件,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播扰路,決...
    沈念sama閱讀 40,825評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼尤溜,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了汗唱?” 一聲冷哼從身側(cè)響起宫莱,我...
    開封第一講書人閱讀 39,729評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎哩罪,沒想到半個(gè)月后授霸,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,271評論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡际插,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,363評論 3 340
  • 正文 我和宋清朗相戀三年碘耳,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片腹鹉。...
    茶點(diǎn)故事閱讀 40,498評論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡藏畅,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情愉阎,我是刑警寧澤绞蹦,帶...
    沈念sama閱讀 36,183評論 5 350
  • 正文 年R本政府宣布,位于F島的核電站榜旦,受9級特大地震影響幽七,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜溅呢,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,867評論 3 333
  • 文/蒙蒙 一澡屡、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧咐旧,春花似錦驶鹉、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,338評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至伊约,卻和暖如春姚淆,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背屡律。 一陣腳步聲響...
    開封第一講書人閱讀 33,458評論 1 272
  • 我被黑心中介騙來泰國打工腌逢, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人超埋。 一個(gè)月前我還...
    沈念sama閱讀 48,906評論 3 376
  • 正文 我出身青樓搏讶,卻偏偏與公主長得像,于是被迫代替她去往敵國和親纳本。 傳聞我的和親對象是個(gè)殘疾皇子窍蓝,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,507評論 2 359

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