01.概述1.什么是?
是運行在瀏覽器上的腳本語言。簡稱JS。
是王景公司()的 布蘭登·艾奇 開發(fā)的,最初叫做。的出現(xiàn)讓瀏覽器更加生動,使得頁面更具有交互性。
(簡稱“JS”) 是一種具有函數(shù)優(yōu)先的輕量級,解釋型或即時編譯型的編程語言。雖然它是作為開發(fā)Web頁面的腳本語言而出名的,但是它也被用到了很多非瀏覽器環(huán)境中, 基于原型編程、多范式的動態(tài)腳本語言,并且支持面向?qū)ο蟆⒚钍胶吐暶魇剑ㄈ绾瘮?shù)式編程)風(fēng)格。
在1995年由公司的 Eich,在網(wǎng)景導(dǎo)航者瀏覽器上首次設(shè)計實現(xiàn)而成。因為與Sun合作,管理層希望它外觀看起來像Java,因此取名為。但實際上它的語法風(fēng)格與Self及較為接近。
和java沒有任何關(guān)系,只是語法類似。運行在瀏覽器中,代碼由瀏覽器解釋后執(zhí)行。而Java運行在JVM中。
的出現(xiàn)js判斷是后退進(jìn)入頁面,最初的時候是為瀏覽器量身定制一門語言,不支持其他瀏覽器。
微軟一看不行,研發(fā)了只支持IE瀏覽器的腳本語言。。
在兩者語言共存的時代,程序員需要寫兩套程序。這時一個叫做ECMA組織(歐洲計算機(jī)協(xié)會)根據(jù)制定了ECMA-262標(biāo)準(zhǔn),叫做ECMA-.
是一種屬于網(wǎng)絡(luò)的腳本語言,已經(jīng)被廣泛用于Web應(yīng)用開發(fā),常用來為網(wǎng)頁添加各式各樣的動態(tài)功能,為用戶提供更流暢美觀的瀏覽效果。通常腳本是通過嵌入在HTML中來實現(xiàn)自身的功能的。
2.區(qū)分JSP和JS
1、JSP全稱是java page(隸屬Java)
JS全稱是
2、最主要的區(qū)別是運行位置不同。
JSP運行在后臺服務(wù)器上js判斷是后退進(jìn)入頁面,混合在HTML中的java程序段用于控制HTML的動態(tài)生成,并且通常負(fù)責(zé)調(diào)用后臺數(shù)據(jù)庫中的數(shù)據(jù),形成能夠根據(jù)使用情況的變化的,具有豐富數(shù)據(jù)交互效果的頁面。
通常是運行在前臺,即運行于用戶瀏覽器的,通常不需要服務(wù)器的后臺支持(AJAX交互例外),混合在HTML中的腳本程序直接被瀏覽器解釋執(zhí)行,以提高頁面的美觀性和UI操作響應(yīng)速度為基本目標(biāo)。
3、JSP在HTML中用里面實現(xiàn)。
JS在html中用實現(xiàn)
02.HTML中嵌入.HTML嵌入的第一種方式
JS是一門事件驅(qū)動型的編程語言,依靠時間去驅(qū)動,然后執(zhí)行對應(yīng)的程序。在JS中有很多事件,其中一個事件叫做:鼠標(biāo)單擊,單詞:click。并且任何事件都會對應(yīng)一個事件句柄叫做:。
【注意:事件和事件句柄的區(qū)別是:事件句柄是在事件單詞前添加一個on】,而事件是以HTML標(biāo)簽的屬性存在的。
ο="js代碼“,執(zhí)行原理是什么?
頁面打開的時候,js代碼并不會執(zhí)行,只是把這段代碼注冊到按鈕的click事件上了。等這個按鈕發(fā)生click之后,注冊在后面的js代碼會被瀏覽器自動調(diào)用。
怎么使用JS代碼彈出消息框。
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML中嵌入JavaScript的第一種方式</title>
</head>
<body>
<input type="button" value="Hello" onclick="window.alert('Hello JavaScript!')"/>
<input type="button" value="Hello" onclick="window.alert('Hello XingKong!')"/>
<input type="button" value="Hello" onclick="window.alert ('Hello MengYangChen');
alert('Hello MengYang')
alert('Hello Meng')"/>
</body>
</html>
2.HTML嵌入的第二種方式
采用腳本塊的方式:
暴露在腳本塊中的程序,在頁面打開的時候執(zhí)行,并且遵守自上而下的順序依次逐行執(zhí)行。(不需要事件)
腳本塊可以出現(xiàn)在任何位置,并且可以出現(xiàn)多次。
aler函數(shù)會阻塞整個HTML頁面的加載。
HTML嵌入JavaScript的第二種方式
<script type="text/javascript">
window.alert("hello world!");
</script>
3.HTML嵌入的第三種方式(推薦)
引入外部的js文件。
引入js腳本文件的語句:
同一個腳本文件可以引入多次。
腳本文件直接寫語句就好了。
<script type="text/javascript" src="路徑和文件名“></script>
結(jié)束的< />標(biāo)簽必須有,不能用反斜杠取代,引入文件時,其中間的代碼不會執(zhí)行。
HTML中嵌入JavaScript的第三種方式
<script type="text/javascript" src="file/JS1.js"></script>