JS一種腳本語言,它的解釋器被稱爲JavaScript引擎,爲瀏覽器的一部分,普遍用於客戶端的腳本語言,最先是在HTML網頁上使用,用來給HTML網頁增長動態功能。javascript
HTML 中的腳本必須位於 <script> 與 </script> 標籤之間。腳本可被放置在 HTML 頁面的 <body> 和 <head> 部分中。css
<script> alert("My First JavaScript"); </script>
引入JavaScript代碼相似於Python的importhtml
<script src="複習.js" type="text/javascript"></script>
head中引入JS與body中引入JS的區別java
寫在head裏面:代碼從上到下依次執行,加載css,而後加載js,由於body還沒開始加載,因此展示給用戶的是一個白板頁面,影響頁面得加載速度
一般放在htmlbody裏面的最下方,先加載css再加載html頁面,最後加載js。注:必須是寫在body裏面的。python
JS定義字符串數組
定義字符串
var name = '你開心就好!'
var str = '雙魚座'
字符串的拼接
var name_str = name+str
字符串操做
name.charAt(0) 根據角標獲取字符串中的某一個字符 char字符
name.substring(0,2)根據角標獲取字符串子序列,顧頭不顧尾
name.length獲取字符串長度
name.concat('毛毛')拼接字符串
name.indexOf('開')獲取子序列的位置
name.slice(0,2)//切片,顧頭不顧尾,與substring同樣
var str = 'eeeEE'
str.toLowerCase() 變動爲小寫
str.toUpperCase() 變動爲大寫
name.split('心') 以「心」分割
數字類型
var num = 88.88
var strNum = '88.88'
parseInt(strNum)//返回一個整數
parseFloat(strNum)//返回一個浮點數
布爾類型(true 或 false)
var t = true; var f = false; 所有小寫
數組類型(與python列表相似)瀏覽器
第一種建立方式: var list1 = new Array() list1[0] = 1 list1[2] = 2 第二種建立方式: var list2 = new Array('我','你') 第三種建立方式: var list3 = ['你','我','她'] list3.length 數組的長度 list3.push('aaa') 尾部追加參數 list3.shift() 頭部獲取一個元素 並刪除該元素 list3.pop() 尾部獲取一個元素 並刪除該元素 list3.unshift('dsx') 頭部插入一個元素 list3.splice(start,deleteCount,value) 插入、刪除或替換數組的元素 list3.splice(1,0,'aa') 指定位置插入元素 list3.splice(1,1,'aa') 指定位置替換元素 list3.splice(1,1) 指定位置刪除元素 list3.slice(0,2) 切片,顧頭不顧尾 list3.reverse 反轉 list.join('-') 將數組根據分隔符拼接成字符串 list.concat([1,2]) 數組與數組拼接 list.sort() 排序
對象類型(等同於python的字典)函數
var dict = {name:'dsx',age:18,sex:'男' }; var age = dict['age'] 賦值 var name = dict.name 賦值 delete dict['name'] 刪除 delete dict.age 刪除
JS條件判斷語句this
if(1==2){ console.log(111111111) }else if(2==2){ console.log(22222222) }else{ console.log('最後了!') } ============================================================== if('1'===1){ //三個等號校驗數據類型,兩個等號則不判斷數據類型
console.log(1111111) }else{ console.log(222222) } ============================================================== switch (2){ case 1: console.log(11111); break; case 2: console.log(22222); break; default: console.log(33333333) }
JS循環語句spa
//循環字符串
var name = 'dsx nhy'; for(var a in name){ console.log(name[a]); } //循環數組
var car = ['寶馬', '奔馳', '尼桑']; for (var i in car){ console.log(car[i]) } //循環字典,不支持字典k,v一塊兒循環
var dict = {'寶馬': 'BMW', '奔馳': 'BC'}; for(var d in dict){ console.log(dict[d]) }
//只能循環列表和字符串,不支持字典循環
for(var i=0;i<=car.length;i++){
console.log(i)
}
//死循環,與python相同
while(1==1){
console.log(11111111)
}
JS中函數的使用
1.普通函數
function f(name,age){ console.log(name); console.log(age) } f('dsx',18)
栗子:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div><input type="button" value="點我" onclick="demo()"> </div>
<div><input type="text" name="username" > </div>
<script>
function demo() {
alter('點我時彈出的!');
}
</script>
</body>
</html>
2.匿名函數
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div><input id="i2" type="button" value="一鍵輸入用戶名" > </div>
<div><input type="text" name="username" > </div>
<script>
//匿名綁定函數
var demo = document.getElementById('i1')
demo.onclick = function(){
demo.parentElement.nextElementSibling.firstElementChild.value='JS_test';
};
</script>
</body>
</html>
3.自執行函數 (function () { console.log('自執行函數!') })()
面向對象
function f(name) { this.name = name;//this代指本類
this.say = function () { console.log('say--->'+this.name); } } var obj = new f('dsx'); obj.say(); console.log(obj.name);