css與javascript的差別:1、CSS指層疊樣式表單,是將樣式資訊與網頁內容分開的一種標記語言,而JavaScript是一種動態腳本語言;2、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程式碼的