Web學習第一天
阿新 • • 發佈：2021-07-16
HTML
元素： ... or ...
特點：1.成雙成對 2.有始有終，用/閉合
<html>
<head> //頭部
<title>Jun</title>
<body> //身體
wo shi jun
<h1>數字越小，字型越大（1-6） <h1>
<h2>數字越小，字型越大（1-6） <h2>
</body>
</head>
</html>
Javascript
Dom操作
<!DOCTYPE html>
<html lang="en">
<head>
<title>My title</title>
</head>
<body>
<a href="">My Link</a>
<h1>My header</h1>
</body>
</html>
<body> <p id="base">JavaScript 基礎</p> <script> x=document.getElementById("base"); //獲取元素：getElementById()通過id獲取元素 alert('id為base元素的內容是：'+x.innerHTML)； //獲取內容：innerHTML獲取對應的內容 x.innerHTML="JavaScript真有趣"; //加了這行程式碼後最終顯示為 JavaScript真有趣 </script> </body> 此網頁顯示： id為jichu元素的內容是：Javascript 基礎 //沒加x.innerHTML前
document.write(Date()) // 顯示當前時間
<body>
<p id="base">JavaScript 基礎</p>
<script>
function changetext(id)
{
id.innerHTML="歡迎"
}
</script>
<h2 onclick="changetext(this)">Click here</h2>
</body>
Bom操作
alert() //提示彈窗 confirm() //確認彈窗 prompt() //提示彈窗 window.screen //獲取瀏覽器資訊 window,location //獲取頁面url
HTTP協議
http://www.Tencent.com:8080/test/1.html
- http:協議名稱 // 分隔符 www 全球資訊網 . 分隔符 Tencent 域名 .com 域名格式
- 分隔符 8080 埠 /test/ 虛擬目錄 1.html 檔名
請求方法：
//響應方法：
GET 請求檔案
//Http/ 狀態行
Host: 域名
//Server: 伺服器版本
User-Agent: 所用瀏覽器
//Date 時間
Accept： 請求包頭域用於指定客戶端接受哪些型別的資訊
//Content-Type: 定義的編碼
Accept-Language: 所用語言
//Connection: 是否和伺服器保持連線
Accept-Encoding: 編碼
//Content-Length: 返回的位元組
Referer: 從哪裡來
//{"result":"sucess","message":"false"} 資料
Cookie： 儲存資料
token=： 令牌
DNT:1 禁止追蹤
狀態碼
1xx：指示資訊 2xx：成功 3xx：重定向 4xx：客戶端錯誤 5xx：伺服器端錯誤
200 客戶端請求成功 400 請求有語法錯誤 401 請求未授權 503 伺服器當前不能處理請求
403 伺服器收到請求，拒絕提供服務 404 請求資源不存在 500 伺服器發生不可預期錯誤
GET 和 POST的區別
- Get是不安全的，因為在傳輸過程，資料被放在請求的URL中；Post的所有操作對使用者來說都是不可見的。
- Get傳送的資料量較小，這主要是因為受URL長度限制；Post傳送的資料量較大，一般被預設為不受限制。
- Get限制Form表單的資料集的值必須為ASCII字元；而Post支援整個ISO10646字符集。
- Get執行效率卻比Post方法好。Get是form提交的預設方法。