JavaScript與HTML之間的區別與關聯是什么

本篇內容介紹了“JavaScript與HTML之間的區別與關聯是什么”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

什么是HTML？

HTML稱為超文本標記語言(HyperText Markup Language)，是一種標識性的語言。它包括一系列標簽．通過這些標簽可以將網絡上的文檔格式統一，使分散的Internet資源連接為一個邏輯整體。

HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字，圖形、動畫、聲音、表格、鏈接等。

超文本是一種組織信息的方式，它通過超級鏈接方法將文本中的文字、圖表與其他信息媒體相關聯。這些相互關聯的信息媒體可能在同一文本中，也可能是其他文件，或是地理位置相距遙遠的某臺計算機上的文件。這種組織信息方式將分布在不同位置的信息資源用隨機方式進行連接，為人們查找，檢索信息提供方便。

什么是JavaScript？

JavaScript是一種高級的、解釋型、直譯式腳本語言，是一種基于原型、函數先行的語言，是一門多范式的語言，它支持面向對象編程，命令式編程，以及函數式編程。

Javascript被歸類為直譯語言，因為主流的引擎都是每次運行時加載代碼并解譯。

JavaScript已經由ECMA(歐洲計算機制造商協會)通過ECMAScript實現語言的標準化。它被世界上的絕大多數網站所使用，也被世界主流瀏覽器(Chrome、IE、Firefox、Safari、Opera)支持。

JavaScript是一種屬于網絡的腳本語言，已經被廣泛用于Web應用開發，常用來為網頁添加各式各樣的動態功能，為用戶提供更流暢美觀的瀏覽效果。

HTML和JavaScript的區別

1、本質區別

HTML是一種標記語言，沒有邏輯功能；JavaScript是一種腳本語言，像c，java一樣，具有邏輯功能。

2、用法區別

HTML在網頁上提供靜態內容。JavaScript向靜態網頁添加動態功能。

html是網頁制作的基礎，做出來的是靜態的，js是腳本，跟html結合起來生成功能更強大的網頁。可以處理一些動態的邏輯問題。

JavaScript可以被嵌入HTML中，但HTML無法嵌入JavaScript中。

javaScript是區分大小寫的，而html不是很嚴格。

3、標準化區別

HTML基于W3C和WHATWG標準，JavaScript基于ECMA標準。

4、兼容性區別

HTML是跨瀏覽器兼容的，這意味著它可以兼容所有web瀏覽器的所有版本，包括現代瀏覽器。所有的瀏覽器，無論是舊的還是新的，默認情況下都將無法識別的元素處理為內聯元素，這使得舊的web瀏覽器很容易處理未知的HTML元素。

另一方面，JavaScript缺乏跨瀏覽器兼容性，這使得一些函數與某些瀏覽器不兼容。

如何關聯JS與HTML

注：單獨的js文件需要先導入html文件，代碼才能生效。方法參見該連接link

1.js通過id操作html組件

代碼示例

<!--html代碼-->
<input type="text" id="myqr">//設定組件的id為“myqr”

通過document.getElementById()函數將組件與js變量關聯

然后通過 （該變量.屬性名）來操作組件對應屬性

//js代碼
var love = document.getElementById('myqr');//通過id獲取對應組件的索引
var a = love.value;//將組件的value屬性值賦給變量a
love.value = "love you so much";//將組件的輸入內容設為該字符串
love.type = "file";//將組件的輸入類型設為文件

2. JS函數通過onclick屬性響應按鈕

<!--html代碼-->
<button onclick="myqr()">完成</button>

將按鈕組件的onclick屬性設為myqr()則點擊該按鈕時將觸發js的myqr()函數

//js代碼
function  myqr(){
   alert("love you so much");
}

“JavaScript與HTML之間的區別與關聯是什么”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！