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