一起聊聊JavaScript與HTML之間有什麼差別與關聯

本篇文章為大家帶來了關於javascript的相關知識，其中主要介紹了關於JavaScript和html之間的關聯與區別的相關問題，html是一種標識性的語言，其中JavaScript是一種解釋型的腳本語言，下面一起來看一下，希望對大家有幫助。

【相關推薦：javascript影片教學、web前端】

什麼是HTML？

HTML稱為超文本標記語言(HyperText Markup Language)，是一種識別性的語言。它包括一系列標籤．透過這些標籤可以將網路上的文檔格式統一，使分散的Internet資源連接為一個邏輯整體。 【建議：html線上手冊】

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

超文本是一種組織資訊的方式，它透過超級連結方法將文本中的文字、圖表與其他資訊媒體相關聯。這些相互關聯的資訊媒體可能在同一文本中，也可能是其他文件，或是地理位置相距遙遠的某台電腦上的文件。這種組織資訊方式將分佈在不同位置的資訊資源以隨機方式連接，為人們查找，檢索資訊提供方便。

什麼是JavaScript？

JavaScript是一種高階的、詮釋型、直譯式腳本語言，是一種基於原型、函數先行的語言，是一門多範式的語言，它支援物件導向編程，命令式編程，以及函數式程式設計。

Javascript被歸類為直譯語言，因為主流的引擎都是每次執行時載入程式碼並解譯。

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

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

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影片教學、 web前端】

以上是一起聊聊JavaScript與HTML之間有什麼差別與關聯的詳細內容。更多資訊請關注PHP中文網其他相關文章！