首頁  >  文章  >  web前端  >  css與javascript的差別是什麼

css與javascript的差別是什麼

藏色散人
藏色散人原創
2021-04-25 11:19:003859瀏覽

css與javascript的差別:1、CSS指層疊樣式表單,是將樣式資訊與網頁內容分開的一種標記語言,而JavaScript是一種動態腳本語言;2、CSS是用來修飾網頁樣式的,而javascript是用來實現網頁和人互動的功能。

css與javascript的差別是什麼

本文操作環境:windows7系統、css3&&javascript1.8.5版、Dell G3電腦。

客戶端網頁通常包括網頁內容、HTML、javascript和CSS。其中javascript(簡稱js)是瀏覽器客戶端腳本語言,用來實現網頁和人互動的功能;而CSS,層疊樣式表,是用來修飾網頁樣式的,就是說讓網頁好看一點。

CSS(Cascading Style Sheet)層疊樣式表單

表現(presentation)-設計網頁的表現樣式,即「如何顯示有關內容」

CSS是將樣式資訊與網頁內容分離的一種標記語言,我們使用css為每個元素定義樣式;它主要用於美化HTML頁面。

語法為:selector {property:value} (選擇符 {屬性:值})。

透過設定對應的樣式屬性可以修改html文檔內各元素的顯示、位置等樣式;如修改顏色、字體、字號、寬高、位置、背景等

# JS(JavaScript)一種動態腳本語言

行為(behavior)-控制網頁的行為(效果),即「內容應該如何回應事件」

#使用JavaScript程式碼可以讓前台變的有互動(點擊事件),常用來為網頁添加各式各樣的動態功能,為用戶提供更流暢美觀的瀏覽效果。通常的JavaScript腳本是透過嵌入在HTML中來實現自身的功能。

JavaScript的常用功能:

  • 嵌入動態文字於HTML頁面

  • 對瀏覽器事件回應

  • 讀寫HTML元素

  • 在資料提交到伺服器之前驗證資料

  • 偵測訪客的瀏覽器資訊

  • 控制cookies,包括建立和修改等

#【推薦學習:javascript進階教學

HTML頁面載入與解析流程:

  • 使用者輸入網址(假設是個html頁面,並且是第一次造訪),瀏覽器向伺服器發出請求,伺服器傳回html檔案。

  • 瀏覽器開始載入html程式碼,發現標籤內有一個標籤引用外部CSS檔案。

  • 瀏覽器又發出CSS檔案的請求,伺服器回傳這個CSS檔案。

  • 瀏覽器繼續載入html中部分的程式碼,而且CSS檔案已經拿到手了,可以開始渲染頁面了。

  • 瀏覽器在程式碼中發現一個標籤引用了一張圖片,向伺服器發出請求。此時瀏覽器不會等到圖片下載完,而是繼續渲染後面的程式碼。

  • 伺服器傳回圖片文件,由於圖片佔據了一定面積,影響了後面段落的排布,因此瀏覽器需要回頭重新渲染這部分程式碼。

  • 瀏覽器發現了一個包含一行Javascript程式碼的