首頁 > web前端 > js教程 > 一起聊聊JavaScript與HTML之間有什麼差別與關聯

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

WBOY
發布: 2022-08-05 14:26:25
轉載
2640 人瀏覽過

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

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

【相關推薦: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(&#39;myqr&#39;);//通过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中文網其他相關文章!

相關標籤:
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板