復習模板字符串:
在輸出語句里面
document.write(我今年${a}歲了
)中間是反引號;里面是${變量};
復習基本類型
number String null undefined boolean
檢測數據類型輸出typedf 變量則可;
添加鏈接描述
復習樣式變量table什么的邊框,寬高;透明度,距離的padding :上下多少;左右;margin的距離;不設寬度,設置上下左右邊距也行;
作業
<!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>.c1{text-align: center;}table,th,td{border: 1px solid #000;}table{border-collapse: collapse;/* 邊框 */height: 80px;margin: 0 auto;}th{padding: 5px 20px;}</style>
</head>
<body><h1 class="c1">表格渲染</h1><script>let name = prompt('輸入商品名稱')let num = prompt('輸入商品數量')let price = prompt('輸入商品價格')let address = prompt('收貨地址')let total =price*num//模板字符串document.write(`<table class="c1"><tr> <!-- tr是行,th是列 --><th>名字</th><th>價格</th><th>數量</th><th>總價</th><th>收貨地址</th></tr><tr><td>小米</td><td>${price}</td><td>${num}</td><td>${total}</td><td>${address}</td></tr>
</table>`)</script>
</body>
</html>
- 在輸出里面直接做table這種就行;直接反引號標全場; 先看一個常見錯誤;變量沒初始化,沒聲明
比如常量const他必須必須要初始化他不能不初始化;
判斷一般報錯
這個一看就是可能是變成字符串相加;或者不同類型相加,就報錯了;有可能報錯NAN;
字符串前面帶個+號就可以轉換為字符型了;
比較運算符提醒:以后比較就用全等別用==,我們還是要類型和值都一致;
過后的
if switch for 數組,先過;大家都一樣,想搞難的排序算法啥的問ai吧,也就是for嵌套兩if/switch
速看函數;為了項目;后端應該封裝好方法了我調用應該就歐克
函數要返回一個值那就用return結束;一個return直接就是把函數解決到這就結束了,不會進行下一個語句了;
函數有返回值哈,直接把他給一個變量然后打印一下就行了,
匿名函數直接不命名function直接存,調用的時候用這個變量名就可以;
面向對象
媽呀這前面其實可能都用不上,跳對象了
對象就是一個類模板,一個結構體;里面就是屬性和方法,屬性就是基本值,方法就是
聲明就這樣聲明,輸出有好幾種方法:
輸出可以先直接輸出到控制臺
對對象增刪改查
增加:
直接用對象.訪問里面的東西或者一個位置變量這種;直接就是加進去了;
刪除
delete 對象名.屬性
改變
改值直接就是對象名字.屬性=新值就完了
查詢
直接對象名字.訪問就行了;obj.name類似這種
如果屬性名字很長
就用雙引號括起來中間打杠就行,輸出就變了
要用[]括起來輸出;但是不用打點了;
在對象里面寫方法就是
方法名字(自定義):function(){
}
調用直接在object.方法名就行
遍歷對象
快速輸出對象,就遍歷他,對象沒有下標沒有長度 用for in 這個獲取的下標是字符串沒法用于數組,就適合用于對象 而且用于對象后,這里的k就是你的屬性,obj[k]這個就是你的屬性值;
記住k本身他就是一個字符串
數組對象
一個數組的類型里面有幾個對象
遍歷就正常遍歷 let i i<array.length i++這種,然后輸出,想輸出到頁面就得document但是他又默認是字符串,所以你for循環遍歷一遍是表層是遍歷的數組,那里面是你寫的對象;但是想要訪問對象的屬性值, 你還需要再遍歷一遍;將外循環遍歷結果存到變量里面,再用強循環遍歷對象,就能得到屬性了;
類似這個,有幾行遍歷幾次這個是5行
記得一定一定一定一定要循環的時候let i=0要初始化,不然渲染不出來!!!
渲染一個表格;
1.首先先建立一個表格,行列都得有;看要渲染那幾行;再對應位置吧script寫上;
2.先再script里面準備數據;準備好了才能渲染,把script里面的東西渲染到dom里面去
3.for循環遍歷數組;然后直接寫輸出,輸出根據循環來。