html JavaScript 和css之間的關係總結
阿新 • • 發佈：2019-01-26
<一>html（Hyper Text Markup Language）與css（Cascading Style Sheets）還有Js（Javascript）的關係：
如果說html（Hyper Text Markup Language）是人肢體骨架，
css（Cascading Style Sheets）則是骨架樣貌的拼接者，
Js（Javascript）則是控制肢體骨架運動的大腦。--------------------------靈魂
壹：html是網頁的結構，CSS是網頁的樣式，javascript是網頁的行為。html就是網頁的框架，
如網頁要分成幾塊就是用html程式碼實現的；css是用來美化網頁框架的，如網頁中的導航就是用css控制的；
js是使網頁框架具有動態效果的，如網頁中的幻燈片效果就是用js來實現的。
在網頁中html js cs三者無處不在，也可以說在網頁中html js cs三者缺一不可。
貳：
式樣單放在頁面中，通過瀏覽器的解釋執行，是完全的文字，任何懂得HTML的人都可以掌握，非常的容易。
生殖對一些非常老的瀏覽器，頁不會產生頁面混亂的現象。
叄：JavaScript 是一種“指令碼”（“Script”），它直接把程式碼寫到 HTML 文件中，
瀏覽器讀取它們的時候才進行編譯、執行，所以能檢視 HTML 原始檔就能檢視JavaScript 原始碼。
JavaScript 沒有獨立的執行視窗，瀏覽器當前視窗就是它的執行視窗。
它們的相同點，我想只有同是以 Java 作程式語言一點了。
肆：學習web前端開發基礎技術需要掌握：HTML、CSS、JavaScript語言。下面我們就來了解下這三門技術都是用來實現什麼的：
1. HTML是網頁內容的載體。內容就是網頁製作者放在頁面上想要讓使用者瀏覽的資訊，可以包含文字、圖片、視訊等。
2. CSS樣式是表現(外觀控制)。就像網頁的外衣。比如，標題字型、顏色變化，或為標題加入背景圖片、邊框等。
所有這些用來改變內容外觀的東西稱之為表現。
3. JavaScript是用來實現網頁上的特效效果。如：滑鼠滑過彈出下拉選單。或滑鼠滑過表格的背景顏色改變。
還有焦點新聞（新聞圖片）的輪換。可以這麼理解，有動畫的，有互動的一般都是用JavaScript來實現的。
<二>java與javascript（一種指令碼語言）之間的關係：
Java與JavaScript是目前比較流行的兩種語言，單從表面上看，兩者名稱很相似，
於是許多初學者容易將二者混淆，或者直接歸為一類，其實不然，雖然兩者有著緊密的聯絡，但確是兩個完全不同的語言。
接下來，筆者僅就她們的幾個主要差別歸納起來。
一．開發廠商
眾所周知，Java是SUN公司推出的程式設計語言，特別適合於Internet應用程式開發，其前身是Oak語言，
而JavaScript則是NetScape公司的產品，是為了擴充套件NetScape Navigator功能而開發的一種可嵌入Web頁面中的解釋性語言，
其前身是Live Script。由於Java的普及，NetScape和SUN兩家公司簽訂合同後才將其命名為JavaScript。
二．面向物件與基於物件
Java是一種真正的純面向物件程式語言，在Java中，一切都是物件；JavaScripr是一種指令碼語言，
由於她本身提供了非常豐富的內部物件供程式設計師使用，因而她是基於物件的語言。
三．開發和執行環境的不同
若希望利用Java編寫程式並使之執行，必須事先在系統內安裝相應版本的JDK和JVM，保證程式碼能夠得到編譯和執行的環境；
而編寫JavaScript則相對簡單，只需使用某種HTML文件編輯器甚至某種字元編輯器（如Notepad）即可，然後開啟瀏覽器即可執行。
四．變數的區別
Java中使用變數在編譯之前必須宣告其資料型別，因而她採用的是強型別變數；
JavaScript則不用在變數前宣告型別，而是由直譯器在執行時自動檢查，所以她是弱型別變數。
五．標籤的不同
利用Java寫出的Applet小程式，在HTML中用<applet>……</applet>來標識；JavaScript程式在HTML中執行，
其程式碼在<Script>……</Script>標籤內。
六．解釋與編譯
Java原始碼在執行前被編譯，因而在網路應用中，必須要求客戶端安裝有解釋平臺，
也就意味著Java應用不與HTML文件整合（Applet小程式例外）；JavaScript是一種解釋性語言，
其程式碼在發往客戶端之前不需編譯，而是將其嵌入到HTML文件中，一起傳送給客戶端，由瀏覽器解釋執行。
另外，JavaScript僅是一種解釋性語言，並沒有複雜的語法和規則，更不支援如Java裡的繼承這樣的性質，
因此也比Java更加容易學習。
（關鍵關鍵）：
例項：：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>網頁標題</title>
<link rel="stylesheet" type="text/css" href="mycss.css" />
<script type="text/javascript" src="myjs.js"></script>
</head>
<body>
<p>這是一個段落</p>
</body>
</html>
解釋：：
這是一個最簡單的HTML文件，文件說的是，瀏覽器啊，我是遵循W3C標準XHTML1.0過渡版本規範（檔案型別宣告），
我採用的編碼是utf-8,我的標題是“網頁標題”，描述我的模樣的樣式表是我同目錄的mycss.css檔案，
與我有關的javascript程式碼在我同級的myks.js檔案中，我的內容有一個段落，段落的內容是“這是一個段落”。