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