本文部分內容參考官方檔案
1.WebAPI概念介紹
-
API（Application Programming Interface,應用程式編程介面）是一些預先定義的函式，目的是提供應用程式與開發人員基于某軟體或硬體得以訪問一組例程的能力，而又無需訪問原始碼，或理解內部作業機制的細節，
-
任何開發語言都有自己的API
-
API的特征輸入和輸出(I/O)
-
API的使用方法(console.log())
-
-
WebAPI概念
-
瀏覽器提供的一套操作瀏覽器功能和頁面元素的API(BOM和DOM)
-
此處的Web API特指瀏覽器提供的API(一組方法)，Web API在后面的課程中有其它含義
-
2.JavaScript組成三個部分
-
1.ECMAScript - JavaScript的核心
-
定義了javascript的語法規范
-
JavaScript的核心，描述了語言的基本語法和資料型別，ECMAScript是一套標準，定義了js語言的標準
-
-
2.DOM - 檔案物件模型
-
一套操作頁面元素的API
-
DOM可以把HTML看做是檔案樹，通過DOM提供的API可以對樹上的節點進行操作
-
-
3.BOM - 瀏覽器物件模型
-
一套操作瀏覽器功能的API
-
通過BOM可以操作瀏覽器視窗，比如：彈出框、控制瀏覽器跳轉、獲取解析度等
-
3.DOM
-
Docuemnt Object Model（檔案物件模型）
-
當網頁被加載時，瀏覽器會創建頁面的檔案物件模型（Document Object Model），
-
HTML DOM 模型被構造為物件的樹，
-
-
HTML DOM 樹
-
通過可編程的物件模型，JavaScript 獲得了足夠的能力來創建動態的 HTML，
-
JavaScript 能夠改變頁面中的所有 HTML 元素
-
JavaScript 能夠改變頁面中的所有 HTML 屬性
-
JavaScript 能夠改變頁面中的所有 CSS 樣式
-
JavaScript 能夠對頁面中的所有事件做出反應（互動）
-
-
DOM作業原理介紹
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>網頁標題</title>
<style>
</style>
</head>
<body>
<a href="#">鏈接</a>
<p id="p1" class="one">文本</p>
<script>
/*
1. DOM ： js動態操作網頁內容
2. DOM作業原理 ：
硬碟代碼讀取到記憶體 -> 瀏覽器渲染引擎生成DOM樹（document） -> 開始渲染頁面
*/
// js為什么可以操作網頁的html元素?
// 因為瀏覽器會將html代碼讀取到記憶體中，生成一顆dom樹物件（document）
// 修改了dom樹內容，最終頁面也會變化
console.log(document);
</script>
</body>
</html>4.BOM
-
Browser Object Model:瀏覽器物件模型
-
BOM定義了一套操作瀏覽器功能的API
下一章：WebApi入門第二章（獲取操作頁面元素）
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/293744.html
標籤：其他