JavaScript入門

1 瀏覽器說明

瀏覽器是指可以顯示網頁服務器或者文件系統的HTML文件內容,並讓用戶與這些文件交互的一種軟件。

通俗的講:可以顯示頁面的一個軟件,

國內網民計算機上常見的網頁瀏覽器有,QQ瀏覽器、Internet Explorer、Firefox、Safari,Opera、Google Chrome、百度瀏覽器、搜狗瀏覽器、獵豹瀏覽器、360瀏覽器、UC瀏覽器、傲遊瀏覽器、世界之窗瀏覽器等,瀏覽器是最經常使用到的客戶端程序。

常用的五大瀏覽器:chrome,firefox,Safari,ie,opera

我們用chrome(谷歌瀏覽器) JavaScript 與瀏覽器的關係

2 網頁、網站和應用程序

網頁:單獨的一個頁面

網站:一些列相關的頁面組成到一起

應用程序:可以和用戶產生交互,並實現某種功能。

3 演示JavaScript的強大

http://impress.github.io/impress.js/

http://naotu.baidu.com/

https://codecombat.com/

https://ide.codemao.cn/

blockly迷宮

https://blockly-games.appspot.com

blockly迷宮不需要翻牆

https://blockly.uieee.com/

4 JavaScript介紹

4.1 JavaScript是什麼

JavaScript 編程語言   流程控制

Netscape在最初將其腳本語言命名爲LiveScript,後來Netscape在與Sun合作之後將其改名爲JavaScript。JavaScript最初受Java啓發而開始設計的,目的之一就是“看上去像Java”,因此語法上有類似之處,一些名稱和命名規範也借自Java。JavaScript與Java名稱上的近似,是當時Netscape爲了營銷考慮與Sun微系統達成協議的結果。Java和JavaScript的關係就像張雨和張雨生的關係,只是名字很像。

Java 服務器端的編程語言

JavaScript運行在客戶端(瀏覽器)的編程語言

JavaScript是一種運行在客戶端的腳本語言

JavaScript的解釋器被稱爲JavaScript引擎,爲瀏覽器的一部分,廣泛用於客戶端的腳本語言,最早是在HTML(標準通用標記語言下的一個應用)網頁上使用,用來給HTML網頁增加動態功能。JavaScript 語言的歷史

4.2 JavaScript最初的目的

最初的目的是爲了處理表單的驗證操作。

4.3 JavaScript現在的意義(應用場景)

JavaScript 發展到現在幾乎無所不能。JavaScript 可以做什麼?

凡是能用 JavaScript 寫出來的,最終都會用 JavaScript 寫出來

知乎 - JavaScript 能做什麼,該做什麼?

最流行的編程語言 JavaScript 能做什麼?

1. 網頁特效

2. 服務端開發(Node.js)

3. 命令行工具(Node.js)

4. 桌面程序(Electron)

5. App(Cordova)

6. 控制硬件-物聯網(Ruff)

7. 遊戲開發(cocos2d-js)

4.4 JavaScript和HTML、CSS的區別

1. HTML:提供網頁的結構,提供網頁中的內容

2. CSS: 用來美化網頁

3. JavaScript: 可以用來控制網頁內容,給網頁增加動態的效果

5 JavaScript的組成

5.1 ECMAScript - JavaScript的核心

ECMA 歐洲計算機制造聯合會

網景:JavaScript

微軟:JScript

定義了JavaScript的語法規範  

JavaScript的核心,描述了語言的基本語法和數據類型,ECMAScript是一套標準,定義了一種語言的標準與具體實現無關

5.2 BOM - 瀏覽器對象模型

一套操作瀏覽器功能的API

通過BOM可以操作瀏覽器窗口,比如:彈出框、控制瀏覽器跳轉、獲取分辨率等

5.3 DOM - 文檔對象模型

一套操作頁面元素的API

DOM可以把HTML看做是文檔樹,通過DOM提供的API可以對樹上的節點進行操作

6 JavaScript初體驗

CSS:行內樣式、嵌入樣式、外部樣式

6.1 JavaScript的書寫位置

6.1.1寫在行內

<input type="button" value="按鈕" onclick="alert('Hello World')" />

6.1.2寫在script標籤中

<head>
  <script>
    alert('Hello World!');
  </script>
</head>

6.1.3寫在外部js文件中,在頁面引入

<script src="main.js"></script>

注意點

引用外部js文件的script標籤中不可以寫JavaScript代碼

7 計算機組成

7.1 軟件

應用軟件:瀏覽器(Chrome/IE/Firefox)、QQ、Sublime、Word

系統軟件:Windows、Linux、mac OSX

7.2 硬件

三大件:CPU、內存、硬盤    -- 主板

輸入設備:鼠標、鍵盤、手寫板、攝像頭等

輸出設備:顯示器、打印機、投影儀等

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章