JavaScript引入方式深入解讀
一、JS介紹
Javascript是一種由Netscape(網(wǎng)景)的LiveScript發(fā)展而來的原型化繼承的面向?qū)ο蟮膭討B(tài)類型的區(qū)分大小寫的客戶端腳本語言，主要目的是為了解決服務(wù)器端語言，比如Perl，遺留的速度問題，為客戶提供更流暢的瀏覽效果。
當時服務(wù)端需要對數(shù)據(jù)進行驗證，由于網(wǎng)絡(luò)速度相當緩慢,只有28.8kbps，驗證步驟浪費的時間太多。于是Netscape的瀏覽器Navigator加入了Javascript，提供了數(shù)據(jù)驗證的基本功能。JavaScript 的正式名稱是 “ECMAScript”。這個標準由 ECMA 組織發(fā)展和維護。ECMA-262 是正式的 JavaScript 標準。這個標準基于 JavaScript (Netscape) 和 JScript (Microsoft)。
Netscape (Navigator 2.0) 的 Brendan Eich 發(fā)明了這門語言，從 1996 年開始，已經(jīng)出現(xiàn)在所有的 Netscape 和 Microsoft 瀏覽器中。ECMA-262 的開發(fā)始于 1996 年，在 1997 年 7 月，ECMA 會員大會采納了它的首個版本。
JavaScript的組成包含ECMAScript、DOM、BOM。
JS是一種運行于瀏覽器端上的小腳本語句,可以實現(xiàn)網(wǎng)頁如文本內(nèi)容動,數(shù)據(jù)動態(tài)變化和動畫特效等。
ECMAScript
是一種由歐洲計算機制造商協(xié)會（ECMA）通過ECMA-262標準化的腳本程序語言,簡單點說，ECMAScript描述了語法、類型、語句、關(guān)鍵字、保留字、運算符和對象。它就是定義了腳本語言的所有屬性、方法和對象。
DOM
把整個頁面規(guī)劃成由節(jié)點層構(gòu)成的文檔，它不與瀏覽器、平臺、語言相關(guān)，為web開發(fā)者提供一個標準可以訪問站點中的數(shù)據(jù)、腳本和表現(xiàn)層對象.DOM編程可以實現(xiàn)網(wǎng)頁內(nèi)容校驗和動態(tài)變化的效果
BOM
是瀏覽器的一種特性，它可以對瀏覽器窗口進行訪問和操作，例如移動、關(guān)閉窗口，調(diào)整窗口的大小，支持cookie等。BOM編程可以實現(xiàn)動態(tài)控制瀏覽器本身行為的效果
也有人這么說:
ECMAScript可以理解為JS的基礎(chǔ)語法部分
DOM可以簡單理解為,使用document對象操作文檔內(nèi)容的編程
BOM可以理解為,使用window對象操作瀏覽器行為的編程
二、JS特點
JS特點
JS是運行在瀏覽器上的一種腳本語言
1.腳本語言
腳本語言是一種簡單的程序，規(guī)模小,不需要編譯,運行快,是由一些ASCII字符構(gòu)成，可以使用任何一種文本編輯器編寫。腳本語言是指在web瀏覽器內(nèi)有解釋器解釋執(zhí)行的編程語言，每次運行程序的時候，解釋器會把程序代碼翻譯成可執(zhí)行的格式。一些程序語言（如C、C++、Java等）都必須經(jīng)過編譯，將源代碼編譯成二進制的可執(zhí)行文件之后才能運行，而腳本語言不需要事先編譯，只要有一個與其相適應(yīng)的解釋器就可以執(zhí)行。
2.基于對象的語言
面向?qū)ο笥腥筇攸c（封裝，繼承，多態(tài)）缺一不可。通常"基于對象"是使用對象，但是無法利用現(xiàn)有的對象模板產(chǎn)生新的對象類型，也就是說"基于對象"沒有繼承的特點。沒有了繼承的概念也就無從談?wù)?quot;多態(tài)"
3.事件驅(qū)動
在網(wǎng)頁中執(zhí)行了某種操作的動作，被稱為"事件"(Event)，比如按下鼠標、移動窗口、選擇菜單等都可以視為事件。當事件發(fā)生后，可能會引起相應(yīng)的事件響應(yīng)。
4.簡單性
變量類型是采用弱類型，并未使用嚴格的數(shù)據(jù)類型。var a,b,c; a=123; b="abc"; a=b;
5.安全性
JavaScript不能訪問本地的硬盤，不能將數(shù)據(jù)存入到服務(wù)器上，不能對網(wǎng)絡(luò)文檔進行修改和刪除，只能通過瀏覽器實現(xiàn)信息瀏覽或動態(tài)交互
6.跨平臺性
JavaScript依賴于瀏覽器本身，與操作平臺無關(guān)， 只要計算機安裝了支持JavaScript的瀏覽器（裝有JavaScript解釋器），JavaScript程序就可以正確執(zhí)行。
缺點：
各種瀏覽器支持JavaScript的程度是不一樣的，支持和不完全支持JavaScript的 瀏覽器在瀏覽同一個帶有JavaScript腳本的網(wǎng)頁時，效果會有一定的差距，有時甚至會顯示不出來。
三、JS和Java的區(qū)別
區(qū)別1：公司不同，前身不同
JavaScript是Netscape公司的產(chǎn)品，是為了擴展Netscape Navigator功能而開發(fā)的一種可以嵌入Web頁面中的基于對象和事件驅(qū)動的解釋性語言，它的前身是Live Script；Java是SUN公司推出的新一代面向?qū)ο蟮某绦蛟O(shè)計語言，特別適合于Internet應(yīng)用程序開發(fā)； Java的前身是Oak語言。
區(qū)別2：基于對象和面向?qū)ο?/p>
JavaScript是腳本語言，是一種基于對象的語言。本身提供了非常豐富的內(nèi)部對象供設(shè)計人員使用，但不支持繼承和多態(tài)。Java是面向?qū)ο蟮?，是一種真正的面向?qū)ο蟮恼Z言，支持封裝、繼承和多態(tài)。
區(qū)別3：變量類型強弱不同
Java采用強類型變量檢查，即所有變量在編譯之前必須聲明為某一指定類型。如: int x=1234;JavaScript中是弱類型變量。統(tǒng)一采用var聲明，可賦各種數(shù)據(jù)類型值。
區(qū)別4: 運行的位置不同
Java運行與服務(wù)器端的,大型編程語言, JS運行于客戶端(瀏覽器)一種小規(guī)模腳本語言
四、HTML和CSS和JS這之間的關(guān)系
HTML和CSS和JS都是前端的主要技術(shù),三者各有分工.HTML可以用于制作網(wǎng)頁的主體結(jié)構(gòu),CSS用于給網(wǎng)頁做美化,JS用于在網(wǎng)頁上添加動態(tài)效果
怎么樣，形象嗎，小伙伴。
五、JS的引入方式
1.內(nèi)嵌式
內(nèi)嵌式引入方式：
1.在head標簽中，用一對script標簽，嵌入js代碼
2.type屬性可以不寫
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>js引入方式1</title>
<!--內(nèi)嵌式引入方式
1.在head標簽中，用一對script標簽，嵌入js代碼
2.type屬性可以不寫
-->
<script type="text/javascript">
//定義一個函數(shù)（方法）
function fun1 () {
//彈窗提示信息
alert("hello word")
}
</script>
</head>
<body>
<input type="button" value="點我呀" onclick="fun1()"/>
</body>
</html>
缺點:
1我們定義的JS代碼只能在當前一個網(wǎng)頁中使用,代碼復用度低,可維護性低
2 JS代碼和HTML代碼混合在一個文件中,可閱讀性差
2.鏈接式
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js引入方式2</title>
<!--鏈接式引入外部js文件
1.提高代碼復用度
2.降低代碼的維護難度
3.一個頁面可以同時引入多個不同的js文件
4.script標簽中一旦引入外部結(jié)束文件，就不能在中間定義內(nèi)嵌代碼
-->
<script type="text/javascript" src="js/myjs.js"></script>
<script type="text/javascript" src="js/myjs2.js"></script>
<script>
function fun3() {
alert("js引入方式")
}
</script>
</head>
<body>
<input type="button" value="點我呀" onclick="fun1()"/>
<input type="button" value="點我呀2" onclick="fun2()"/>
<input type="button" value="點我呀3" onclick="fun3()"/>
</body>
</html>優(yōu)點:
代碼復用度高,更易于維護代碼
注意事項:
- 在一個頁面上可以同時引入多個JS文件
- 每個JS文件的引入都要使用一個獨立的
script標簽 - 內(nèi)嵌式和鏈接式的引入不能使用同一標簽
到此這篇關(guān)于JavaScript引入方式深入解讀的文章就介紹到這了,更多相關(guān)JS引入方式內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
微信小程序內(nèi)拖動圖片實現(xiàn)移動、放大、旋轉(zhuǎn)的方法
這篇文章主要介紹了微信小程序內(nèi)拖動圖片實現(xiàn)移動、放大、旋轉(zhuǎn)的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
這篇文章主要為大家詳細介紹了js實現(xiàn)拖動模態(tài)框效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
JS實現(xiàn)頁面跳轉(zhuǎn)鏈接的幾種方式匯總
這篇文章主要介紹了JS實現(xiàn)頁面跳轉(zhuǎn)鏈接的幾種方式,簡單總結(jié)了幾種頁面跳轉(zhuǎn)功能的實現(xiàn),有使用js跳轉(zhuǎn)頁面,返回上一次預覽界面及button按鈕添加事件跳轉(zhuǎn),本文結(jié)合實例代碼給大家介紹的非常詳細,需要的朋友參考下吧2024-01-01
這篇文章主要介紹了js中如何向數(shù)組中添加元素unshift()方法,具有很好的參考價值,希望對大家有所幫助,2023-12-12
Echarts,作為一個使用廣泛的JavaScript圖表庫,提供了創(chuàng)建動態(tài)排序折線圖的強大功能,下面就跟隨小編一起學習一下如何使用Echarts繪制動態(tài)排序折線圖吧2023-12-12
這篇文章主要是對javascript中文本框中輸入法切換的問題進行了詳細的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
就是將需要檢測的方法/對象作為if語句的判斷條件，具體做法如下2009-07-07
這篇文章主要為大家詳細介紹了javascript基本常用排序算法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
javascript中日期函數(shù)new Date()的瀏覽器兼容性問題
這篇文章主要介紹了javascript中日期函數(shù)new Date()的瀏覽器兼容性問題,需要的朋友可以參考下2015-09-09
JS實現(xiàn)的仿東京商城菜單、仿Win右鍵菜單及仿淘寶TAB特效合集
這篇文章主要介紹了JS實現(xiàn)的仿東京商城菜單、仿Win右鍵菜單及仿淘寶TAB特效合集,以實例形式較為詳細的分析了JavaScript實現(xiàn)動態(tài)添加下拉菜單及響應(yīng)鼠標事件生成菜單等實現(xiàn)技巧,需要的朋友可以參考下2015-09-09