關於JavaScript的學習筆記(一)
阿新 • • 發佈:2021-01-25
技術標籤: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);