介紹
JavaScript是Web中一種功能強大的腳本語言,被設計為向 HTML 頁面增加交互性,常用來為網頁添加各式各樣的動態功能,它不需要進行編譯,直接嵌入在HTML頁面中,就可以把靜態的頁面轉變成支持用戶交互并響應事件的動態頁面。
引入JavaScript方式:
在HTML文檔中,較為常用的引入JavaScript的方式有兩種:
一種是在HTML文檔中直接嵌入JavaScript腳本,稱為內嵌式;
另一種是鏈接外部JavaScript腳本文件,稱為外鏈式。
內嵌式:
在html body結束標簽前寫
<!--javascript-->
<script>let a = 10;a++
</script>
外鏈式:
常見數據類型
可以給變量賦任意類型的值,由值的類型決定變量類型
與python一致
n=12;
x="234";
變量命名規則
變量名可以由字母、下劃線(_)、美元符號($),甚至中文組成
運算符
算術運算符
用于連接運算表達式,主要包括加(+)、減(-)、乘(*)、除(/)、取模(%)、自增(++)、自減(–)等運算符
比較運算符:
邏輯運算符:
賦值運算符:
函數
JavaScript中,定義函數是通過function語句實現的。其語法格式如下:
在上述語法中,functionName是必選項,用于指定函數名,在同一個頁面中,函數名必須是唯一的,并且區分大小寫;parameter1,parameter2,…是可選項,代表參數列表,當使用多個參數時,參數間使用逗號進行分隔,一個函數最多可以有255個參數;statements是必選項,代表用于實現函數功能的語句;return expression是可選項,用于返回函數值,expression為任意表達式、變量或常量。
windows對象
windows對象:最大的窗口,對象名稱不寫代表windows對象(允許省略對象名稱)
屬性和類名可以直接通過名稱訪問
屬性和方法:
document:代表html文檔
history:窗體歷史記錄
open():打開新窗口
close():關閉當前窗口
alter():彈出:警告框,確認后就消失
confirm()確認框,確認和取消
prompt():用戶輸入框
使用示例:
JavaScript:
<script>function sum() {//通過id獲取數字的值//js提供了parseInt()和parseFloat()兩個轉換函數。前者把字符串轉換成整數,后者把字符串轉換成浮點數。var num1 = parseFloat(document.getElementById("num1").value);var num2 = parseFloat(document.getElementById("num2").value);//isNaN 返回一個 Boolean 值,指明提供的值是否是 NaN ,NaN 的意思是 not a number(不是一個數字)。if (isNaN(num1) || isNaN(num2)) {alert("輸入的內容不是數字")} else {//彈出警告框,返回結果alert(num1 + num2);}}</script>
Html:
<body>
<form><input type="text" placeholder="請輸入數字" id="num1"><input type="text" placeholder="請輸入數字" id="num2"><!--點擊事件sum()函數--><input type="button" value="求和" onclick="sum()" class="button">
</form>
整個代碼:
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>SUM_HTML</title><script>function sum() {//通過id獲取數字的值//js提供了parseInt()和parseFloat()兩個轉換函數。前者把字符串轉換成整數,后者把字符串轉換成浮點數。var num1 = parseFloat(document.getElementById("num1").value);var num2 = parseFloat(document.getElementById("num2").value);//isNaN 返回一個 Boolean 值,指明提供的值是否是 NaN ,NaN 的意思是 not a number(不是一個數字)。if (isNaN(num1) || isNaN(num2)) {alert("輸入的內容不是數字")} else {//彈出警告框,返回結果alert(num1 + num2);}}</script>
</head>
<body>
<form><input type="text" placeholder="請輸入數字" id="num1"><input type="text" placeholder="請輸入數字" id="num2"><!--點擊事件sum()函數--><input type="button" value="求和" onclick="sum()" class="button">
</form>
</body>
</html>
Date對象
var d=new Date()
typeof()返回類型,Object,沒有具體的類型,都是Object