JavaScript 簡史

来源:https://www.cnblogs.com/gruguy/archive/2020/03/28/12587021.html
-Advertisement-
Play Games

1.1 JavaScript簡史 在web日益流行的今天,人們對客戶端腳本語言的需求也越來越高。 1995.2 就職於網景公司的Brendan Eich發佈了其開發的LiveScript,改語言同時在瀏覽器和伺服器使用。為了趕工期,在Netscape Navigator 2發佈前夕,Netscape ...


1.1 JavaScript簡史

在web日益流行的今天,人們對客戶端腳本語言的需求也越來越高。

1995.2 就職於網景公司的Brendan Eich發佈了其開發的LiveScript,改語言同時在瀏覽器和伺服器使用。為了趕工期,在Netscape Navigator 2發佈前夕,Netscape為了搭上媒體熱炒Java的順風車,臨時把LiveScript改成了JavaScript.

發佈大獲成功,之後,微軟就在其Internet Explore 3.0中加入名為JScript的JavaScript實現。
當時缺少標準的狀況下,導致了個廠商對於實現javascript特性的差異性,並影響了web發展的道路曲折了十幾年,事實證明對於世界性開發語言最終還是要有統一的標準,閉門造車是要付出沉痛代價——時間成本。

1997年,以javascript 1.1 為藍本的建議被提交給了歐洲電腦製造商會(European Computer Manufactures Association, 簡稱 ECMA),經過幾個月的努力完成了 ECMA-262——定義了一種名為ECMAScript的新的腳本標準。

1.2 JavaScript 實現

一個完整的JavaScript事先應該有下列三個部分組成:

  • 核心 [ECMAScript]
  • 文檔對象模型 [DOM]
  • 瀏覽器對象模型[BOM]

1.2.1 ECMAScript

由 ECMAScript-262定義的ECMAScript與web瀏覽器沒有依賴關係。並沒有包含輸入和輸出定義。它只定義了語言基礎,我們常見的web瀏覽器只是ECMAScript實現可能的宿主環境之一。其他宿主環境包括 Node 和 Adobe Flash。它規定了以下內容:

  • 語法
  • 類型
  • 語句
  • 關鍵字
  • 保留字
  • 操作符
  • 對象

1.2.2 文檔對象模型(DOM)

文檔對象模型(DOM)是針對XML,但經過擴展用於HTML的應用程式編程介面。DOM把整個頁面映射為一個多層節點結構。HTML或XML頁面中的每個組成部分都是某種類型的節點。

<html>
  <head>
    <title>gruguy example</title>
  </head>
  <body>
    <p>Hello World</p>
  </body>
</html>

1. 為什麼要使用DOM

微軟和網景支持不同的形式的DHTML,過去只編寫一個HTML頁面就能夠在任何瀏覽器中運行的時代結束了。 此時,負責制定web通信標準W3C(world wide website Consortium 萬維網聯盟)開始著手規劃DOM

2. DOM級別

DOM1級(DOM level1)於1998.10成為了W3c的推薦標準。DOM1有兩個模塊組成,DOM核心(Core)和 DOM HTML。DOM核心規定瞭如何映射基於XML的文檔結構,以簡化對文檔中任意部分訪問和操作。DOM HTML模塊規定在核心基礎上加以擴展,添加了針對HTML的對象和方法。

DOM2級引入了新的模塊,定義了新的介面方法

  • DOM視圖(DOM View): 定義了跟蹤不同文檔視圖的介面;
  • DOM時間(DOM Events):定義了事件和事件處理的介面;
  • DOM樣式(DOM Style):定義了基於CSS為元素應用樣式的介面;
  • DOM遍歷和範圍(DOM traversal and range):定義了遍歷和操作文檔樹的介面。

DOM3級則進一步擴展了DOM,引入了以統一方式載入和保存文檔的方法——在DOM載入和保存(DOM Load and Save)模塊中定義,新增文檔驗證的方法——DOM驗證(DOM Validation)模塊中定義。DOM3級也對DOM核心擴展,開始支持XML1.0規範,設計XML Infoset、XPath和XMLBase。

3. 其他DOM標準

4. Web瀏覽器對DOM的支持

標準制定後,過了一段時間,web瀏覽器才開始支持。微軟首先在IE5中實現了DOM,但直到IE5.5才算是真正支持了DOM1級。Netscape後來重心放在了firefox上,firefox 3完全支持DOM1,幾乎完全支持DOM2,還有一部分DOM3,目前,主流的瀏覽器都支持了DOM標準。

1.2.3 瀏覽器對象模型

BOM始於web瀏覽器的實現,對於操作瀏覽器對象模型,但是沒有標準,直到HTML5,將很多BOM功能寫進正式規範。

  • 彈出新瀏覽器視窗的功能
  • 移動、縮放和關閉瀏覽器視窗功能
  • 提供瀏覽器詳細信息的navigator對象
  • 提供瀏覽器所載入頁面的詳細信息的location對象
  • 提供用戶顯示器解析度詳細信息screen對象
  • 提供cookies的支持
  • 像 XMLHTTPRequest 和IE的 ActiveXObject 這樣的自定義對象

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 2020-03-24 1.安裝Node.js 官網:https://nodejs.org/ 兩個版本 LTS為穩定的長期支持版本 Current為最新的版本 安裝完畢後,cmd下輸入 node -v 查看node版本 若顯示“不是內部命令。。。。” 請配置環境變數 這裡不贅述 2.安裝WePY 運行 ...
  • 按照國際慣例先放效果圖 貼代碼: index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <link rel="stylesheet" href="index.css ...
  • OXO1 寫在前面 1.HTML和CSS的對比 (1)HTML只關註語義和結構,主要是對網頁元素的整理和分類。 (2)CSS的主要使用場景就是美化頁面,佈局頁面。 (3)CSS和HTML搭配使用,實現網頁結構,表現分離。 2.CSS概述 (1)概念 CSS是疊層樣式表(Cascading Style ...
  • 按照國際慣例先放效果圖 貼代碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>test</title> <style> .container{ width:1200px; height:auto; } . ...
  • 問題 Layui在表單提交時,會有 是必選的,需要在提交的時候進行驗證。 解決方法 1. 在 中添加表單相應內容 2. 在 中進行驗證 說明 1. 的命名需要是 ,如上面例子中使用的是 。 2. 是用來獲取數據中的鍵,返回值是一個數組,數組的值為 的鍵名。 3. 用來獲取數組中符合要求的值,傳入的是 ...
  • 什麼是web前端? 大家越來越肯定前端的作用,如今也高端web前端開發人員依舊緊缺。而web前端技術說白了就是Java、CSS、HTML等“傳統”技術與Adobe AIR、Google Gears,以及概念性較強的互動式設計,藝術性較強的視覺設計。主要用來製作網站頁面。 Web前端開發工程師到目前為 ...
  • ##HttpServlet是GenericServlet 的子類 HttpServlet是GennericServlet的子類,只用於接收Http請求和響應。一般情況,web開發中,需要使用的Servlet均只需要實現該類即可,servlet.http包中定義了採用HTTP通信協議的HttpServ ...
  • 按照國際慣例,先放效果圖 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <style> .ball{ background:linear-gradient( ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...