1. 程式人生 > 其它 >關於JavaScript的學習筆記(一)

關於JavaScript的學習筆記(一)

技術標籤:javascript

一、初識JavaScript
1.布蘭登·艾奇在1995年利用十天完成設計JavaScript

2.簡介
●JavaScript是世界上最流行的語言之一- ,是一種執行在客戶端的指令碼語言( Script是指令碼的意思)
●指令碼語言:不需要編譯,執行過程中由js直譯器(js引學)逐行來進行解釋並執行
●現在也可以基於Nodejs技術進行伺服器端程式設計

3.html/css/JavaScript關係:
●HTML決定網頁結構內容(看到什麼)
●css決定網頁呈現給使用者的模樣(好不好看)
●實現業務邏輯和頁面控制(決定功能)

4.JavaScript的組成

在這裡插入圖片描述
●文件物件模型( Document Object Model,簡稱DOM),足W3C組織推薦的處理可廣展標記語言的標佳約程介面。通過DOM提供的按口可以對頁面上的各種兒東進行操作(大小、位置、顏色等).
●BOM (Browser Object Model ,簡稱BOM)足指瀏覽器物件模型,它提供了獨立於內容的、可以與瀏覽器家廠進行互動的物件結構。通過BOM可以操作瀏覽器視窗,比如彈出框、控制瀏覽器啡轉、獲取分析率等。

二、JavaScript
1.三種書寫方式

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style></style> <!-- 2.內嵌式的js --> <script> // alert('輸入'); </script>
<!-- 3.外部js script 雙標籤 --> <!-- <script src="在這裡輸入建立的js檔名稱"></script> --> </head> <body> <!-- 1.行內式的js 直接寫在元素內部 --> <!-- <input type="button" value="輸入" οnclick="alert('輸入內容')"> --> </body> </html>

外部js檔案
●利於html頁面程式碼結構化,使得程式碼美觀,也方便檔案級別利用
引用外部js檔案的script標籤不可以寫程式碼(下面正確寫法)

<script src="在這裡輸入建立的js檔名稱"></script>

●適用於程式碼量比較大的情況

2.js註釋

 // 1.單行註釋 ctrl + /
 /* 2.多行註釋 預設快捷鍵 shift + alt + a
           2.多行註釋
 */

3.JavaScript輸入輸出語句
在這裡插入圖片描述

        //這是一個輸入框
        prompt('請輸入內容');
        //alert 彈出警示框 輸出的 展示給使用者的
        alert('');
        //consle 控制檯輸出 給程式設計師看到的
        console.log('程式設計師可以看到的');

4.JavaScript中的變數
●變數的使用:
i)變數宣告

// 宣告變數
var age;//宣告一個名稱為age的變數

var是一個JS關鍵字,用來宣告變數(variable變數的意思)。使用該關鍵字後,計算機會自動為變數分配記憶體空間;‘age’是程式設計師定義的變數名,我們要通過變數名來訪問記憶體中分配的空間。

ii)賦值

age = 10;//給age這個變數賦值為10

‘=’為賦值的意思
輸出結果
console.log(age);
iii)變數的初始化(宣告一個變數並賦值)

var myname = '困眠不足';
console.log(myname);