頁面由三部分構(gòu)成
- html 超文本標(biāo)記語言
- css 層疊樣式表
- js 輕量級的腳本語言
js由三部分構(gòu)成
- ECMAscript 實際就是js的語法，包含變量...
- dom 很多兼容性問題，但是程序員可以解決 （文檔對象類型）
- bom 不兼容 不能解決（瀏覽器對象類型）
css和js的引入方式
- 行內(nèi)樣式
- 內(nèi)嵌樣式
- 外鏈（js < script src="../js"）
js編程思路的形成
1豌骏、找到誰 - 獲取元素
2团甲、給誰加什么事件
3日川、干什么事
對象具有兩個特征
1.屬性
2.方法
屬性和方法的區(qū)別：屬性沒括號爆班，方法有括號
this的小總結(jié)
- 當(dāng)函數(shù)被調(diào)用的時候南吮，看前面是否有".",點前面是誰花嘶，this就是誰笋籽；
- 當(dāng)函數(shù)被調(diào)用的時候，如果前面沒".",說明被window給調(diào)用的椭员；this就是window车海；
- 點元素身上的事件被觸發(fā)的時候，會執(zhí)行一個函數(shù)隘击，函數(shù)中的this指向當(dāng)前被觸發(fā)事件的這個元素侍芝；
oDiv.onclick=function(){ this -> oDiv }
命名方式 ：匈牙利命名法也叫做 駝峰式命名法
- 除了第一個單詞外，從第二個單詞開始埋同，每個單詞的首字母大寫
- 常用的命名前綴
- a 數(shù)組 比如：array,arr,ary, aDiv獲得一組元素 對象
- o 對象 比如：obj普通對象 oDiv獲得一個 元素 對象
- s 字符串 string
- n 數(shù)字 number
- b 布爾值 boolean: true false
輸出方式- 幫助我們調(diào)試和測試代碼
- alert() 彈出框
- confirm() 會有返回值： true false
- console.log() 打印出來,在控制臺輸出
- console.dir() 打印出對象身上的屬性和方法州叠；即，打印出對象身上的詳細信息凶赁；
- document.write() 在頁面輸出
- innerHTML 可以輸出元素所包裹的內(nèi)容咧栗； innerText 輸出文本；
- console.table() 把對象以表格的形式在控制臺輸出 -- 基本不用
數(shù)據(jù)類型
1虱肄、基本數(shù)據(jù)類型：
+ string字符串 number 數(shù)據(jù)楼熄。boolean 布爾值，null 浩峡。undefined
2可岂、引用數(shù)據(jù)類型
+ 對象數(shù)據(jù)類型
+ 普通的對象object ，數(shù)組array翰灾。Date缕粹， RegExp /dfafas/
+ 函數(shù)數(shù)據(jù)類型
+ function (){}
3稚茅、基本數(shù)據(jù)類型和引用數(shù)據(jù)類型的區(qū)別：
基本數(shù)據(jù)類型是對值的引用，引用數(shù)據(jù)類型是對地址的引用;
循環(huán)
- for 循環(huán)4部曲
定義
條件
語句
自增 - 判斷
if ...else if..else
例子:
if(num==0) {
alert('0')}
else if(num==1) {
alert('1')}
else if(num==2) {
alert('2')
switch ... case ...break
例子;
switch(num) {
case=0:alert(0);
break;
case=1:alert(1);
break平斩；
case=2:alert(2);
break;
default:
alert(3);
break;
}
隔行換色亚享，兩種思路
- 條件判斷：if...else if...else.... switch...case break....
- 用%的思想：
- 小技巧：有幾種情況，就%幾绘面；
