我們需要思考以下問題:
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由哪幾部分組成菊碟?
五节芥、javaScript的執(zhí)行原理是怎樣的?
六逆害、在頁面文件中是如何引入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"; //改變樣式