進來看，讓你躺着就把JavaScript學完了（一）

時間 2020-07-14

標籤進來讓你躺着 javascript 完了欄目 JavaScript 简体版

原文原文鏈接

JavaScript基礎語法

若是你想成爲一名優秀的java架構師，看這裏 → 樂字節免費公開課（騰訊課堂）javascript

如須要跟多資料請點擊右側 → 這是一條不歸路，有禿頭風險，請慎重選擇！css

主要內容

JavaScript

簡介

JavaScript 是一種具備面向對象能力的、解釋型的程序設計語言。更具體一點，它是基於對象和事件驅動並具備相對安全性的客戶端腳本語言。它的主要目的是，驗證發往服務器端的數據、增長 Web 互動、增強用戶體驗度等。html

JavaScript 的組成

ECMAScript定義的只是這門語言的基礎，與Web瀏覽器沒有依賴關係，而在基礎語法上能夠構建更完善的腳本語言。JavaScript的運行須要必定的環境，脫離了環境JavaScript代碼是不能運行的，JavaScript只可以寄生在某個具體的環境中才可以工做。JavaScript運行環境通常都由宿主環境和執行期環境共同構成，其中宿主環境是由外殼程序生成的，如Web瀏覽器就是一個外殼程序，它提供了一個可控制瀏覽器窗口的宿主環境。執行期環境則由嵌入到外殼程序中的JavaScript引擎（或稱爲JavaScript解釋器）生成，在這個環境中 JavaScript可以生成內置靜態對象，初始化執行環境等。java

Web瀏覽器自定義的DOM組件，以面向對象方式描述的文檔模型。DOM定義了表示和修改文檔所需的對象、這些對象的行爲和屬性以及這些對象之間的關係。DOM對象，是咱們用傳統的方法(javascript)得到的對象。DOM屬於瀏覽器，而不是JavaScript語言規範裏的規定的核心內容。瀏覽器

前面的DOM是爲了操做瀏覽器中的文檔，而爲了控制瀏覽器的行爲和操做，瀏覽器還提供了BOM（瀏覽器對象模型）。安全

ECMAScript(基礎語法)服務器

JavaScript的核心語法ECMAScript描述了該語言的語法和基本對象架構

DOM(文檔對象模型)ide

文檔對象模型（DOM）—— 描述了處理網頁內容的方法和接口工具

BOM(瀏覽器對象模型)

瀏覽器對象模型（BOM）—— 描述了與瀏覽器進行交互的方法和接口

開發工具

瀏覽器：Chrome
開發工具：Hbuilder X
進入瀏覽器控制檯 Console：F12

控制檯的做用:

console對象表明瀏覽器的JavaScript控制檯，用來運行JavaScript命令，經常用來顯示網頁運行時候的錯誤信息。Elements用來調試網頁的html和css代碼。

基本用法

JS須要和HTML一塊兒使用纔有效果，咱們能夠經過直接或間接的方式將JS代碼嵌入在HTML頁面中。

行內JS : 寫在標籤內部的js代碼

內部JS : 定義在script標籤內部的js代碼

外部JS : 單獨的js文件，在HTML中經過script標籤引入

咱們能夠將JavaScript代碼放在html文件中任何位置，可是咱們通常放在網頁的<font color="red">head</font>或者<font color="red">body</font>部分。因爲頁面的加載方式是<font color="red">從上往下依次加載</font>的，而這個對咱們放置的js代碼運行是有影響的。

放在<head>部分，最經常使用的方式是在頁面中head部分放置<script>元素，瀏覽器解析head部分就會執行這個代碼，而後才解析頁面的其他部分。

放在<body>部分，JavaScript代碼在網頁讀取到該語句的時候就會執行。

行內 JS：

<button onclick="alert('you clicked hered!!!')">click here</button>

內部 JS：

<script type="text/javascript" charset="utf-8">
    alert('this is inner js code')
</script>

外部 JS 文件：

hello.js

alert('this is a outter js document');

hello.html

<!-- 在須要使用js的html頁面中引入 -->
<script src="js/hello.js" type="text/javascript" charset="utf-8"></script>

s的html頁面中引入 --><script src="js/hello.js" type="text/javascript" charset="utf-8"></script>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。