JS的學習

  • JavaScript是什么唤锉？

JS是一種小型的冬骚、輕量級的椅贱、面向?qū)ο蟮摹⒖缙脚_的客戶端腳本語言只冻。
JS是嵌入到瀏覽器軟件當中去的庇麦，有瀏覽器就可以執(zhí)行JS程序了。
JS是一種面向?qū)ο蟮某绦蛘Z言喜德。
在程序中山橄，對象是由“屬性”和“方法”構(gòu)成。
在現(xiàn)實中舍悯，男女朋友就是一個“對象”航棱。“東西”就是“對象”萌衬。一個“物體”就是“對象”饮醇。
“對象”有各種各樣的特征（屬性），如：身高秕豫，體重朴艰，年齡，姓名，學歷等祠墅。
“對象”有很多方法侮穿。“人”這個對象毁嗦，可以做很多
注意：JS中的對象只要會用就可以的撮珠，不需要我們自己去開發(fā)對象
跨平臺：JS程序可以在多種平臺下運行，如：widows金矛、linux芯急、mac、IOS等驶俊。
客戶端腳本程序：JS只能在客戶端的瀏覽器運行娶耍，不能在服務(wù)器端（阿帕奇）來運行。
瀏覽器是一種翻譯器饼酿，可以翻譯三種代碼：html榕酒、CSS、JS故俐。不需要服務(wù)器想鹰，因為本來就是客戶端的。
药版。
辑舷。

  • JavaScript的應(yīng)用

  • 表單驗證：是JS最基本的功能。

  • 動態(tài)HTML：可以實現(xiàn)一些動態(tài)的槽片、重復(fù)的效果何缓。

  • 交互試：人機交互，通過鍵盤和鼠標还栓，在網(wǎng)頁中的元素進行交互碌廓。
    。

  • <script></script>標記

  • 常用的兩個客戶端輸出方法

(1)document.write(str內(nèi)容)

  • 描述：在網(wǎng)頁的<body>標記剩盒，輸出str的內(nèi)容谷婆。
  • Document意思“文檔”，就是整個網(wǎng)頁辽聊。
  • Document是一個文檔對象纪挎，代表整個網(wǎng)頁
  • write是document對象的一個輸出方法。
  • “.”小數(shù)點：通過小數(shù)點來調(diào)用對象的方法身隐。
  • str:表示要輸出的內(nèi)容廷区。


(2)window.alter(str內(nèi)容)

  • 描述：在當前窗口中彈出一個警告對話框唯灵，str為對話框中顯示的內(nèi)容贾铝。
  • window代表當前瀏覽器窗口，window是一個窗口的對象。
  • alter()方法：彈出一個對話框垢揩。
  • str：顯示要輸出的內(nèi)容玖绿。
Paste_Image.png

.

  • JS中的注釋
  • HTML的注釋：<!-注釋內(nèi)容->
  • CSS注釋：/注釋內(nèi)容/
  • JS的注釋：// 或 /* 多行注釋*/

JS變量
1、變量的概念

  • 變量是變化的一個量叁巨。
  • 變量可以看成是一個“未知數(shù)”斑匪。
  • 變量可以看成是賓館的“房間號”。
  • 變量可以看成是賓館的“房間號”锋勺。
  • 變量一般指程序數(shù)據(jù)蚀瘸。
  • 變量是臨時存在的數(shù)據(jù)。我們可以把計算機內(nèi)存看成是一個個的小格子庶橱。每個小格子中可以存儲一個變量的名稱和變量的值贮勃。

2续扔、變量的聲明
相當于預(yù)定賓館的“房間”气破。
語法格式：var 變量名=變量的值
變量聲明是使用系統(tǒng)關(guān)鍵字var來進行的
舉例：var name;//聲明變量
var,name,sex,edu;//同時聲明用對個變量，多個變量間用英文下的逗號 隔開班挖。
var name="張三"枫绅；//一邊聲明泉孩，一遍賦值。
3并淋、變量的命名規(guī)則

  • 變量的名可以包含字母寓搬、數(shù)字、下劃線县耽。
  • 變量名不能以數(shù)字開頭订咸，可以以字母和下劃線開頭。如 var _name;
  • 變量名不能是系統(tǒng)關(guān)鍵字酬诀。如：var,swith,for,try,case,else,while等脏嚷。
  • JS中變量名是區(qū)分大小寫的。如name和Name是兩個變量瞒御。
  • JS中變量的名稱一定要有意義父叙。
  • 如果變量名有多個單詞構(gòu)成的話，
    “駝峰式命名”：第一個單子小寫肴裙，后面每個單詞首字母大寫趾唱。如getUserName:獲取用戶名。
    “下劃線式命名”：所有單詞全小寫蜻懦，中間用下劃線鏈接線鏈接甜癞。如:get_user_name
    4、給變量賦值
    給變量賦值宛乃，就是往“空間”中裝東西悠咱。
    使用賦值號“=”來給變量賦值蒸辆。
    語法：var 變量名=變量名
    舉例：var name="張三"；
    “=”的意義：將“=”右邊的“運算結(jié)果”賦給左邊的變量名析既。
    應(yīng)該是“=”右邊先運算躬贡，再把運算的結(jié)果，賦給左邊的變量
    “=”左邊只能是一個變量名眼坏，而不能是“運算表達式”拂玻。說白了等號左邊就是一個容器，至于容器里面裝什么是等號右邊的事情
    例如

![Upload Paste_Image.png failed. Please try again.]

.
.
.

.

  • JS的運算符

1宰译、算術(shù)運算符：加減乘除
運算時檐蚜，只能進行同類型運算。如果類型不同沿侈，將進行類型轉(zhuǎn)換熬甚。


2、賦值運算符：=肋坚、+=

  • 將等號右邊的運算結(jié)果乡括，賦給左邊的變量。
  • +=：先加后等

智厌。

  • 寫程序的一般步驟

(1)變量的初始化：變量聲明诲泌，變量賦值
(2)程序的運行過程
(3)輸出結(jié)果
.

Paste_Image.png

。

JS程序的基本語法

  • JS是區(qū)分大小寫的
  • JS中每一條語句铣鹏，一般以英文下的分號（敷扫；）結(jié)束。這個分號不是必須的诚卸，為了向PHP兼容葵第，最好加上分號。
  • 運算符和變量合溺，以及操作之間可以使用空格分開卒密，這樣的程序比較容易閱讀。
    var a=100;varna=10;是一樣的棠赛。
    .

變量的數(shù)據(jù)類型

變量是有類型的哮奇，這個類型來源于“變量的值”，值是什么類型睛约，變量就是什么類型鼎俘。
JS變量的類型有：數(shù)值型、字符型辩涝、布爾型贸伐、未定義型、空型underfined,null,array,object,function
1怔揩、數(shù)值型：可以進行算術(shù)運算的（加減乘除）
數(shù)值型包括：整型（整數(shù)）和浮點型（小數(shù)）

Paste_Image.png

2捉邢、字符型：用單引號或雙引號脯丝，引起來的一串字符。


注意：單引號和雙引號可以相互嵌套
單引號內(nèi)只能嵌套雙引號
雙引號內(nèi)只能嵌套單引號
如下例：雙引號內(nèi)嵌套單引號歌逢，為了是名字加單引號。


注意：如果想在雙引號內(nèi)在嵌套雙引號翘狱，里面的雙引號一定要進行轉(zhuǎn)義（\ "）
JS中轉(zhuǎn)義字符是反斜杠（\）
常用的轉(zhuǎn)義字符有：' " \ \r \n等
也就是說秘案，當瀏覽器遇到反斜杠時，將會對其后的一個字符進行特殊對待潦匈，當成普通字符來對待阱高。所謂普通字符就是平常的a,b,c,d字母字符。

Paste_Image.png

3茬缩、布爾型
又稱邏輯型赤惊。只有兩個值：true、false(假)
布爾型只有兩個狀態(tài)凰锡。如性別
var a=true;
var b=false;
布爾型常用if條件判斷語句中

  • if條件判斷
    1未舟、語法結(jié)構(gòu)--只判斷true，不判斷flase
    if(條件判斷：結(jié)果只有true或false)
    {
    條件為true掂为，將執(zhí)行該代碼裕膀；
    }

2、語法結(jié)構(gòu)--既判斷true勇哗，又判斷flase
if(條件判斷：結(jié)果只有true或false)
{
條件為true昼扛，將執(zhí)行該代碼；
}
else
if(條件判斷：結(jié)果只有true或false)
{
條件為false欲诺，將執(zhí)行該代碼抄谐；
}
如果條件為true，則執(zhí)行第一個大括號{}中的代碼扰法。
如果條件為flase蛹含，則執(zhí)行第二個大括號{}中的代碼。

4塞颁、未定義型（用的很少）
當一個變量定義挣惰，但未賦值時，將返回未定義型殴边，未定義型的值只有一個undefined憎茂。
當一個對象屬性不存在，也返回未定義型锤岸。

Paste_Image.png

5竖幔、空型（用的很少）
當一個對象不存在時，將返回空型的值null.
也可以理解為：是一個對象的占位符
如果你想清除一個變量的值的話是偷，可以賦一個null的值拳氢。
var a=null,//將一個null賦給一個變量募逞，用于清除他的值

變量的類型轉(zhuǎn)換

判斷變量的數(shù)據(jù)依據(jù)：typeof()

使用一元運算符typeof(),可以測試一個變量的類型。
typeof()測試的結(jié)果是一個類型字符串馋评。
typeof()的結(jié)果字符串有幾種情況："string" "number" "boolean" "undedined" "object" "function"
另外：null放接、對象、數(shù)組這三種類型留特，都將返回"object"


備注：只有這五個是假纠脾，其它都為真
。
函數(shù)和方法的區(qū)別
Boolean(a) //函數(shù)是可以獨立使用的
document.write(a) //方法不能獨立使用蜕青，方法是必須要屬于哪一個對象苟蹈。

Paste_Image.png

注意事項：a+true中true會自動轉(zhuǎn)換成字符串"true"，"+"左右只要有一個字符串右核，那么另外一個一定得轉(zhuǎn)成字符串慧脱，才能運算『睾龋“”乘號左右兩邊有一個數(shù)值型菱鸥，則另外一個一定要轉(zhuǎn)換成數(shù)值型。
var a="";
var b=a+true;//相當于b=a+true="true"*
.
.

Paste_Image.png
Paste_Image.png

躏鱼。

從字符串中提取整數(shù)浮點數(shù)函數(shù)

（1）parseInt()系統(tǒng)函數(shù)采缚、全局函數(shù)
功能：在一個字符串中，從左往右提取整型挠他。如果遇到非整型的內(nèi)容扳抽，則停止提取，并返回結(jié)果殖侵。
注意：如果第一個字符就是非整數(shù)贸呢，則立即停止，并返回NaN
如：parselnt("120px")=120
parselnt("120.98")=120
parselnt("a 120px")=NaN
parselnt(".98")=NaN
例子：

Paste_Image.png

（2）parsefFloat()系統(tǒng)函數(shù)拢军，全局函數(shù)
功能：在一個字符串中楞陷，從左往右提取浮點型，遇到非浮點型內(nèi)容茉唉，則停止提取固蛾，并返回結(jié)果。
注意：如果第一個字符為非浮點型度陆，則立即停止艾凯，并返回NaN.
parseFloat("120px")=120
parseFloat("120.98")=120.98
parseFloat(".98")=0.98
parseFloat("a.98")=NaN
注意:JS中的浮點型是包括整數(shù)和小數(shù)點的，也就是說用parseFloat()函數(shù)時懂傀，整數(shù)也一樣的當做f浮點型趾诗，不會停止變成NaN，所以parseFloat比parseInt大一級。只要是數(shù)值都可以提取恃泪，而parseInt只能提取整數(shù)郑兴。
‘
’

* JS運算符

1、算術(shù)運算符
加減乘除（+贝乎，-情连，*，/）览效，%却舀，++，--
取余運算符（%）朽肥，兩個數(shù)相除禁筏，取余數(shù)



持钉。

2衡招、賦值運算符：=、+=每强、-=始腾、*=、/=


空执。

注意：第三和第四的比較


.

Paste_Image.png
Paste_Image.png

作業(yè)

Paste_Image.png


根暑。
苹丸。
。

if條件判斷語句：條件成立，執(zhí)行什么代碼伍伤；條件不成立，執(zhí)行什么代碼默勾。

結(jié)構(gòu)一：只判斷真（true）番电，條件為假，什么也不做默蚌。


Paste_Image.png

例子：

switch分支語句

描述：根據(jù)一個變量的不同取值冻晤，來執(zhí)行不同的代碼。
語法結(jié)構(gòu)：

Paste_Image.png

绸吸。
鼻弧。

while循環(huán)：只要條件成立，就重復(fù)不斷的執(zhí)行循環(huán)體代碼锦茁。如果條件為假攘轩，則退出循壞。

while（條件判斷）
{
如果條件為true码俩，則執(zhí)行循環(huán)體代碼
}
while循環(huán)結(jié)構(gòu)說明：

  • 在循環(huán)開始前撑刺，必須要對變量初始化（聲明變量，給變量給個初始值）
  • 如果while的條件為真握玛，則會重復(fù)不斷的執(zhí)行循環(huán)體中（{}）的代碼够傍。
  • 在循環(huán)體中甫菠，必須要有“變量更新”的語句，換句話說：兩次循環(huán)的變量的值不能一樣冕屯，如果一樣寂诱，會造成死循環(huán)。

結(jié)果：

結(jié)果：

Paste_Image.png

安聘。

結(jié)果：

實例：隔行變色


注意：
Paste_Image.png
以上代表的是循環(huán)體痰洒，<tr>的變化放在if條件判斷中

for循環(huán)

求0-100的偶數(shù)，與while一樣


浴韭。

注意：" "表示變量i的值有空格排列丘喻。

。

break語句：

continue語句：

例子：做九九乘法表

第一步：

第二步：（{}中代表的是循環(huán)體念颈，循環(huán)體在哪里泉粉，for循環(huán)就在哪里）

第二步結(jié)果：

第三步（循環(huán)套循環(huán)）：

第三步結(jié)果：

第四步（j<=i）

第五步（&times是代表的"乘號"）：

第五步結(jié)果：


。
榴芳。

數(shù)組：

注意：數(shù)組和循環(huán)一起用的嗡靡，一般不單獨用。
窟感；

創(chuàng)建數(shù)組


讨彼。
。

數(shù)組的操作：


柿祈。
哈误。
。

1躏嚎、函數(shù)的概念：

函數(shù)蜜自，是將一段公共的代碼進行封裝，給它起個名字叫“函數(shù)紧索≡玻”
函數(shù)可以一次定義，多次調(diào)用珠漂。
函數(shù)晚缩，可以將常用的功能代碼，進行封裝媳危。如：表單中用戶名的驗證荞彼、驗證碼函數(shù)、郵箱的驗證待笑。

2、函數(shù)的定義格式：

3寞缝、函數(shù)的調(diào)用

函數(shù)定義是沒用的，需要調(diào)用才有用荆陆。
函數(shù)的調(diào)用：直接寫函數(shù)名被啼，如果有參數(shù)加參數(shù)帜消，沒有不用寫浓体。小括號必須寫娄猫。


注意：先執(zhí)行調(diào)用函數(shù)那行稚新，再執(zhí)行括號里面的，網(wǎng)上定義。定義和調(diào)用函數(shù)不分順序

4轴术、函數(shù)的參數(shù)


注意：1、形參是變量彼宠，實參是實際數(shù)量
2凭峡、函數(shù)可以一次定義多次調(diào)用

5摧冀、求兩個整數(shù)的最大值


此時return被屏蔽了建车，則值無法傳送到函數(shù)外，docnment數(shù)出的值為undefind

例子：return的運用


凄杯。
。

全局變量和局部變量

全局變量：可以在網(wǎng)頁的任何地方(函數(shù)內(nèi)部和函數(shù)外部)使用的變量膊存，就是“全局變量”。
在函數(shù)外部定義的變量爵卒，就是“全局變量”。
“全局變量”既可以在函數(shù)外使用轴合，也可以在函數(shù)內(nèi)部使用。
“全局變量”在網(wǎng)頁關(guān)閉時总滩，自動消失（釋放空間）。
局部變量：只能在函數(shù)內(nèi)部使用的變量稱為局部變量澜建。
“局部變量”在函數(shù)內(nèi)部定義何之，在函數(shù)內(nèi)部使用。
“局部變量”在函數(shù)外部無法訪問蒜危。
“局部變量”在函數(shù)執(zhí)行完畢就消失了。

注意：在函數(shù)內(nèi)部，省略關(guān)鍵字var定義的變量是“全局變量”赘风，var關(guān)鍵字盡量不要省略，省略后全局變量和局部變量會混淆

注意：通過這四個比較記住兩點敲茄；1堰燎、age是全局變量還是局部變量赊淑。2、第二句輸出是在調(diào)用函數(shù)前還是后饱岸，是前則age沒值汤锨，因為還沒運行大括號內(nèi)的函數(shù)闲礼，所以不知道age的值。是后則有值。

執(zhí)行順序：

先執(zhí)行函數(shù)琳疏，所以先出李四。
‘
‘

拷貝傳值和引用傳值

Paste_Image.png

‘
’

二維數(shù)組（二維數(shù)組和表格比較像）

用的非常多苛骨，二維數(shù)組就得用兩層循環(huán)來實現(xiàn)俐筋，也就是循環(huán)套循環(huán)
二維數(shù)組的循環(huán)與二維表格的循環(huán)一模一樣
二維數(shù)組的訪問：數(shù)組名后跟多個 連續(xù)的中括號【】，第1個中括號代表第一維數(shù)組粱挡，第二個中括號代表第二維數(shù)組
。
嫌套。

對象

1康二、對象的概念

Paste_Image.png

自定義對象（shownfo是指顯示信息，方法）

1产雹、使用new關(guān)鍵字結(jié)合構(gòu)建函數(shù)Object()來創(chuàng)建一個空對象。

2、使用大括號{}來創(chuàng)建對象


。
匆瓜。

JS內(nèi)置對象

提取對象的方法格式都是：{對象（如String，Array）.方法}

string（字符串）對象（共六個方法）的方法1:：charAt(index)(在原字符串提取一個下標)

  • 注意：index索引號也就是下標號。
    Paste_Image.png

方法2：indexOf() (在原字符串中查找某一字符串，從左往右查，strObj.indexOf(@)=一個數(shù)字,即多少個索引值)

表單驗證@中有用，查找順序是從左往右查找展姐。



教馆。

方法3：lastindexOf() （在原字符串中查找某一子字符串土铺，右找起）

方法4：substr() （在原字符串中提取一子字符串）

例子

方法5：substring() 在一字符串中提取一子字符串

方法6：split() 將字符串轉(zhuǎn)換成數(shù)組

（）括號內(nèi)的分隔號是指字符串里面的分隔號俭令，如果中間沒有分隔號瓢湃，則是空格號箱季，如"beijingsh"轉(zhuǎn)換成數(shù)組，"beijingsh".split("")=["a","b","c","d"]下面即看到逗號就分割。


注意：第12行得出的星期值是阿拉伯數(shù)字奏寨，所以要創(chuàng)建一個數(shù)組arr[week]就是數(shù)組第幾個

例子：

利用空字符串來做分割



悲酷。
逗柴。
戏溺。

Array（數(shù)組 ）對象：一個數(shù)組變量耕拷，就是一個數(shù)組對象。

length屬性：動態(tài)獲取數(shù)組長度。如：var len=arrObj.length

join() 數(shù)組轉(zhuǎn)換成字符串

  • 功能：將一個數(shù)組轉(zhuǎn)換成字符串凭戴。
  • 語法：arr.Obj.join(連接號)
  • 說明：將一個數(shù)組，用指定的"連接號"連接成一個字符串。

reverse()

  • 功能：將數(shù)組中各元素顛倒順序
  • 語法：arrObj.reverse()
  • 參數(shù)：無

.
.

數(shù)組元素的刪除和添加

  • delete運算符，只能刪除數(shù)組元素的值，而所占空間還在汽绢，總長度沒變（arr.length）
  • 以前數(shù)組元素的添加，只能向后添加，不能向前添加斥扛。


表明：delect只能往后添加楣黍，若添加arr[1]=15,則15把數(shù)組中的‘男’替換了

數(shù)組元素的刪除：

shift():刪除數(shù)組中的第一個元素阶女，返回刪除的那個值，并將長度減1
pop():刪除數(shù)組的最后一個元素憔杨，返回刪除的那個值，并將長度減1

結(jié)果

數(shù)組元素的添加：

  • unshift():往數(shù)組前面添加一個或多個數(shù)組元素朋沮，長度改變纠亚。arrObj.unshift("a","b","c")
  • push():往數(shù)組結(jié)尾加一個或者多個數(shù)組元素，長度改變啤誊。arrObj.push("a","b","c")

.
.
.

Date對象：日期對象

Date對象和string對象不一樣:
string對象：定義了一個字符串稚瘾，其實就是一個string獨享丢烘，就可以直接調(diào)用屬性和方法掸刊。
()或者 new String() ,,,,,,new Array()或者[]
Date對象：必須使用new關(guān)鍵字來創(chuàng)建對象牌芋。否則無法調(diào)用Date對象的屬性和方法肯夏。

創(chuàng)建Date對象的方法

（1）創(chuàng)建當前(現(xiàn)在)日期對象的實例，不帶任何參數(shù)余耽。


（2）創(chuàng)建指定時間戳的日期對象實例轨域，參數(shù)是時間戳朱巨。
時間戳：是指某一個時間距離1970年1月1日0時0分0秒，過去了多少毫秒（1秒等于1000毫秒）。
var timer=new Date(10000)...1970年1月1日0時0分10秒


（3）指定一個字符串的日期時間信息吼蚁，參數(shù)是一個日期時間字符串
var timer=new Date(2015/5/25 10:00:00);


（4）指定多個數(shù)值參數(shù)
var timer=new Date(2015,4,25,10,20,0)//順序是：年月日時分秒（年月日必須寫）

![Uploading Paste_Image_218993.png . . .]
如果是1970年前生的凭需，沒有負值，直接也是正數(shù)

例子：

結(jié)果：

。
粒蜈。
。

Math數(shù)學對象

math對象是一個靜態(tài)對象薪伏，換句話說滚澜，在使用Math對象粗仓，不需要創(chuàng)建實例

實例：隨機網(wǎng)頁背景色

script放在body后面
嫁怀。
。
借浊。

Number數(shù)值對象

一個數(shù)值對象塘淑，就是一個數(shù)值對象（Number對象）

toFixed()

  • 功能：將一個數(shù)值轉(zhuǎn)換成字符串，進行四舍五入蚂斤，保留指定位數(shù)的小數(shù)存捺。
  • 語法：numObj.toFixed(n)
  • 參數(shù)：n就是要保留的小數(shù)位
  • 舉例：
    var a=123.9878
    a=a.toFixed(2);//a="123.99"(先轉(zhuǎn)換字符串)
    實例：

作業(yè)：

1、
2曙蒸、
3捌治、

。
纽窟。
肖油。
。

BOM和DOM簡介（最重要的是定時器和延時器臂港，其它了解）

BOM森枪，browser object modle,瀏覽器對象模型
BOM主要提供了訪問和操作瀏覽器各組件的方式
瀏覽器組件：window(瀏覽器窗口)联贩、location(地址欄)楷扬、history(瀏覽歷史)、screen(顯示器屏幕)享扔、navigator(瀏覽器軟件)

各對象之間是有層級關(guān)系的佑力，那么個對象之間如何訪問呢式散？
  • window.document.write("ok")
  • window.document.body.bgColor="#FF0000"
  • window對象是所有其它對象的最頂層對象，因此打颤，可以省略

.
.

window對象的屬性

  • 1暴拄、name:指瀏覽器窗口的名字或框架的名字。這個名字是給<a>標記的target屬性用瘸洛。
    *設(shè)置窗口的名字：window.name="newWin"
    *獲取窗口的名字：documentwrite(name)
  • 2揍移、top:代表最頂層窗口。如：window.top
  • 3反肋、parent:代表父級窗口
  • 4那伐、self：代表當前窗口
  • 5、innerWidth:指瀏覽器窗口的內(nèi)寬（不含菜單欄、工具欄罕邀、地址欄畅形、狀態(tài)欄），該屬性火狐支持诉探，IE不支持日熬。
    * 在IE下，使用document.documentElement.clientWidth來代替window.innerWidth肾胯。
  • 6竖席、innerHeight:指瀏覽器窗口的內(nèi)高（不含菜單欄、工具欄敬肚、地址欄毕荐、狀態(tài)欄），該屬性火狐支持艳馒，IE不支持
    • 在IE下憎亚，使用document.documentElement.clientHeight來代替window.innerHeigth。
    • document.documentElement就是<html>標記對象
    • document.body 就是<body>標記對象

弄慰。
第美。
。

window對象方法


open()方法
  • 功能：打開一個新的瀏覽器窗口陆爽。
  • 語法：var winObj=window.open(url,name,options);

onload事件：當網(wǎng)頁加載完成什往，指<body>標記的所有內(nèi)容全部加載完成，才觸發(fā)該事件（條件）墓陈。通過onload事件屬性恶守，去調(diào)用JS的函數(shù)。onload屬性只有body標記才有贡必。
在JS程序開始寫window.onload=init和在<body onload="init()">是一樣的兔港，init是有名函數(shù)，所以不能加括號仔拟，如果是匿名函數(shù)衫樊，則要加括號，如匿名函數(shù)window.onload=fuction(){}利花，用匿名函數(shù)可以少寫一行科侈。
onclick事件，當單擊時炒事，去調(diào)用JS代碼臀栈，所有html標記都有該事件。寫在<body>中的某一標記中挠乳。


权薯。
姑躲。
。

延時器方法——setTimeout()

實例：計時器


此段程序執(zhí)行順序：單擊開始按鈕盟蚣，onclick事件觸發(fā)黍析，調(diào)用start2()函數(shù)，然后去JS中找start2()函數(shù)屎开。然后執(zhí)行函數(shù)內(nèi)的功能

定時器方法----setInterval()

實例：圖片執(zhí)行自動變換


阐枣。
。
奄抽。

DOM對象

screen屏幕對象

navigator瀏覽器對象


蔼两。

location地址欄對象


。

history歷史記錄對象


如孝。
宪哩。
。


.

HTML節(jié)點樹

節(jié)點與節(jié)點的關(guān)系

DOM中節(jié)點類型

核心DOM中公共的屬性和方法

  • 提示：核心DOM中查找節(jié)點（標記）第晰，都是從根節(jié)點（html節(jié)點）開始的。
    1彬祖、節(jié)點訪問

2茁瘦、對節(jié)點屬性操作


3、節(jié)點的創(chuàng)建注意：節(jié)點就是標記储笑。

實例：隨機顯示小星星


甜熔。
。

HTML DOM簡介和新特性

HTML DOM訪問HTML元素的方法（最常用）

元素對象屬性


#######例子：

程序效果

元素對象屬性

實例：書訊快遞


.

CSS DOM動態(tài)樣式

使用JS來操作CSS中的各種屬性
JS只能操作及修改行內(nèi)樣式：imgObj.style.border="1px solide red"(行類樣式一般是那種一個屬性只能加一個值的)
對于類樣式突倍，通過className來賦值:imgObj.className="imgClass"（類的里面有好多個）

style對象
style對象屬性與CSS屬性的轉(zhuǎn)換

腔稀。
。

/1羽历、Event事件

2焊虏、常用事件

3、事件句柄屬性


秕磷。
诵闭。

Event對象簡介

DOM中的Event對象

1、DOM中引入Event對象（DOM瀏覽器就是標準瀏覽器）

![Upload Paste_Image.png failed. Please try again.]

2澎嚣、DOM中Event對象屬性

IE中的Event對象

實例：點出滿天星星

Paste_Image.png

當當我的購物車



6和7是CSS的引入疏尿，8是JS的引入

選項卡實例



![Uploading Paste_Image_464119.png . . .]
歷史篇


。
易桃。

Form對象

表單提交和驗證方法總結(jié)

1褥琐、使用submit按鈕，結(jié)合onsubmit事件來實現(xiàn) （最常用）

onsubmit是form的屬性晤郑，不能給input標記用敌呈，input用onclick


需要阻止就返回假嚼鹉，不需要阻止就不需要返回

2、submit按鈕驱富，結(jié)合onclick事件锚赤，實現(xiàn)表單的驗證和提交
3、buttom按鈕（普通按鈕）褐鸥，結(jié)合submit方法线脚，

普通按鈕的默認功能無任何功能，所以return布爾值給他沒用叫榕，不要要return任何值給他
浑侥。
。

input對象

表單驗證案例：


![Upload Paste_Image.png failed. Please try again.]

![Upload Paste_Image.png failed. Please try again.]

![Upload Paste_Image.png failed. Please try again.]

程序效果

二級聯(lián)動菜單

slect對象屬性

option對象

綜合案例：二級聯(lián)動菜單

晰绎。
寓落。

HTML5

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 人面猴
    序言：七十年代末，一起剝皮案震驚了整個濱河市荞下，隨后出現(xiàn)的幾起案子伶选，更是在濱河造成了極大的恐慌，老刑警劉巖尖昏，帶你破解...
    沈念sama閱讀 210,914評論 6贊 490
  • 死咒
    序言：濱河連續(xù)發(fā)生了三起死亡事件仰税，死亡現(xiàn)場離奇詭異，居然都是意外死亡抽诉，警方通過查閱死者的電腦和手機陨簇，發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,935評論 2贊 383
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來迹淌，“玉大人河绽，你說我怎么就攤上這事“η裕” “怎么了耙饰？”我有些...
    開封第一講書人閱讀 156,531評論 0贊 345
  • 道士緝兇錄：失蹤的賣姜人
    文/不壞的土叔 我叫張陵，是天一觀的道長句携。 經(jīng)常有香客問我榔幸，道長，這世上最難降的妖魔是什么矮嫉？ 我笑而不...
    開封第一講書人閱讀 56,309評論 1贊 282
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任削咆，我火速辦了婚禮，結(jié)果婚禮上蠢笋，老公的妹妹穿的比我還像新娘拨齐。我一直安慰自己，他們只是感情好昨寞，可當我...
    茶點故事閱讀 65,381評論 5贊 384
  • 惡毒庶女頂嫁案：這布局不是一般人想出來的
    文/花漫 我一把揭開白布瞻惋。 她就那樣靜靜地躺著厦滤，像睡著了一般。 火紅的嫁衣襯著肌膚如雪歼狼。 梳的紋絲不亂的頭發(fā)上掏导，一...
    開封第一講書人閱讀 49,730評論 1贊 289
  • 城市分裂傳說
    那天，我揣著相機與錄音羽峰，去河邊找鬼趟咆。 笑死，一個胖子當著我的面吹牛梅屉，可吹牛的內(nèi)容都是我干的值纱。 我是一名探鬼主播，決...
    沈念sama閱讀 38,882評論 3贊 404
  • 雙鴛鴦連環(huán)套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開眼坯汤，長吁一口氣：“原來是場噩夢啊……” “哼虐唠！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起惰聂，我...
    開封第一講書人閱讀 37,643評論 0贊 266
  • 萬榮殺人案實錄
    序言：老撾萬榮一對情侶失蹤疆偿，失蹤者是張志新（化名）和其女友劉穎，沒想到半個月后庶近，有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體翁脆，經(jīng)...
    沈念sama閱讀 44,095評論 1贊 303
  • ?護林員之死
    正文 獨居荒郊野嶺守林人離奇死亡，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,448評論 2贊 325
  • ?白月光啟示錄
    正文 我和宋清朗相戀三年鼻种，在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片沙热。...
    茶點故事閱讀 38,566評論 1贊 339
  • 活死人
    序言：一個原本活蹦亂跳的男人離奇死亡叉钥，死狀恐怖，靈堂內(nèi)的尸體忽然破棺而出篙贸，到底是詐尸還是另有隱情投队，我是刑警寧澤，帶...
    沈念sama閱讀 34,253評論 4贊 328
  • ?日本核電站爆炸內(nèi)幕
    正文 年R本政府宣布爵川，位于F島的核電站敷鸦，受9級特大地震影響，放射性物質(zhì)發(fā)生泄漏寝贡。R本人自食惡果不足惜扒披，卻給世界環(huán)境...
    茶點故事閱讀 39,829評論 3贊 312
  • 男人毒藥：我在死后第九天來索命
    文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望圃泡。 院中可真熱鬧碟案，春花似錦、人聲如沸颇蜡。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,715評論 0贊 21
  • 一樁弒父案辆亏，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至鳖目，卻和暖如春扮叨，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背领迈。 一陣腳步聲響...
    開封第一講書人閱讀 31,945評論 1贊 264
  • 情欲美人皮
    我被黑心中介騙來泰國打工彻磁， 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留，地道東北人惦费。 一個月前我還...
    沈念sama閱讀 46,248評論 2贊 360
  • 代替公主和親
    正文 我出身青樓兵迅，卻偏偏與公主長得像，于是被迫代替她去往敵國和親薪贫。 傳聞我的和親對象是個殘疾皇子恍箭，可洞房花燭夜當晚...
    茶點故事閱讀 43,440評論 2贊 348

推薦閱讀更多精彩內(nèi)容

  • 《ijs》速成開發(fā)手冊3.0 官方用戶交流：iApp開發(fā)交流（1） 239547050iApp開發(fā)交流（2） 10...
    葉染柒丶閱讀 5,086評論 0贊 7
  • FreeCodeCamp - Basic JavaScript 寫在前面： 我曾經(jīng)在進谷前刷過這一套題，不過當時只...
    付林恒閱讀 16,431評論 5贊 28
  • 昨天看了《大鬧天竺》瞧省，5檔里我給個F扯夭。 在我個人評價標準分5個檔：ABCDF。 C檔回票錢鞍匾，看了你不虧交洗，但有...
    逢暢閱讀 316評論 1贊 0
  • 氣氛很尷尬，團子出現(xiàn)得很是時候橡淑，白淺干笑兩聲构拳，將團子拉至跟前兒，一邊取出帕子為他揩汗梁棠，一邊正經(jīng)道：“滾滾是你鳳九姐...
    與花_如箋閱讀 3,190評論 2贊 15
  • 今天置森，立夏。 上午還是風和日麗符糊，晴空萬里凫海，午飯過后，一場不大不小的沙塵暴光臨了這座城男娄。整個下午到處都...
    子祥偶記閱讀 413評論 2贊 6