在head標簽中使用,js代碼
Console.log<”字符”> 測試類型抓取log
注:在JS內注釋使用//。Js里面一起皆是對象,對象可以看作一個類型,基于這個類型創建一個對象可調用該類型里面的函數。
變量和數據類型
變量:存放數據的容器,是內存一塊小空間。
? ? ? 變量分為全局變量和局部變量。
Var:聲明變量的一個單詞。
數據類型:數據的種類
JavaScript中的數據類型:
基本的類型:數字、字符串、布爾值(甄別數據的錯與對)
數字:就是阿拉伯數字
字符串:就是雙引號中的多個字符串聯起來
布爾值:true? ? false
特殊的類型(當瀏覽器出現提示時):未定義的(undefined)、空(null)、非數字(NaN)
變量的命名規則:由字母、數字、下劃線、美元符號$、組成? \n(換行,在字符串中加入)
要求:不能以數字開頭,不能使用關鍵字(被系統使用過,已經具備某種含義的一些特殊單詞),不能有空格,見名知意。
注:JS是弱類型語言(不死特別嚴格的語言),如第二個類型要覆蓋第一個類型只需在第一個類型加var
列子:var 名字=類型
Alert(名字+添加的類型)
定義數組:訪問元素:數組名[ 下標(數字)]
注:下標從數字0開始。”\n”+(換行),“\t”(空格)。
列子:
對象類型:arry? abject
注:每個屬性結束后用,號隔開。
列子:
測試:
運算符:賦值運算符、逗號運算符、
算術運算符(+、-、*、/、%)、
關系運算符(>(大于)、<(小于)、==(等于)、>=(大于等于)、<=(小于等于)、!=(不等于)、==(全等于))
邏輯運算符(&&(與,同真則真,一假則假)、||(或,一真則真,同假則假)、!(非,去反,真變假,假變真))
三目運算符(?A:B(如果?前面的運算值等于A就顯示A,如果等于B就顯示B))
自增(++,在原來的基礎上加1,==>++單目運算符,)、自減(--,在原來的基礎上減1)
復合賦值運算符(+=、-=、*=、/=、%=,在原來值上進行運算,先計算后賦值。)
注:運算優先級:單目>乘除>加減>關系>邏輯>賦值>
列子:
流程控制-if
流程程控:
順序:按照代碼的排序先后依次執行。
選擇:根據判斷的結果選擇性的執行某些代碼。
循環:根據判斷結果重復地執行某些代碼。
選擇結構:
? ? ? ? ? ? ? ? ? ? ? ? ? ? If 結構,if(條件表達式){
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? }else{
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? }
注:表達式的結果為true,則執行第一個{}里的代碼,特例:若執行語句只有一句,則可以省略{};否則執行else{}里的代碼。
If的多分支:執行多個條件的值。
Switch........case:
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? Switch(數值){
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? Case 值1:執行代碼;break;
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? Case 值2:執行代碼;break;
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? Default:執行代碼;
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? }
說明:數值和case值進行匹配,匹配上誰就執行對應的語句并退出。
若數值沒有匹配上case則執行default對應的代碼(default不是必須的)。
關鍵字:break(達到條件直接退出) continue(達到條件跳過并繼續)
循環控制for:
? ? ? ? ? ? ? For(定義語句;執行條件;自增表達式){
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 要顯示的字符 ;? ? ?
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? }
說明:定義語句:定義一個計數器var? i=0;
執行條件:設定一個循環條件i<10;
自增表達式:讓計數器增長,以違背循環條件,到退出的目的i++(可以改變遞增數,比如i+2)
? ? ? ? ? ? ? 執行流程:定義語句→執行條件→滿足執行條件顯示要顯示的字符→以自增顯示
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ↓
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 不滿足執行條件退出
另一種for循環的寫法(更簡單):
Whilet(條件){
? ? ? ? ? ? 要顯示的字符;
? ? ? ? ? ? }
Do....while:
.Length:獲取數組中的元素個數!
函數:程序中函數就是一個功能,在軟件開發中為了降低軟件的復雜度需要把軟件功能進行拆分。
? ? ? 寫法:function函數名(參數,多個參數之間用,隔開,不必要可省略){
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 顯示語句字符;
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? Return返回的值;
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? }
字符串相關函數:
事件編程:通過用戶操作,調用某些特定功能
? ? ? 三要素:
? ? ? ? ? ? 事件源:一切可以出發事件的標簽
? ? ? ? ? ? 監聽器:本質上是函數
? ? ? ? ? ? ? 數據處理函數:處理事件的業務邏輯
? ? ? ? ? ? ? 事件類型:
鼠標事件:
body事件:
一、獲得幾點的幾種方法:
1、getElementById("id"),根據ID屬性,找到某個節點。
2、getElementsByClassName("name"),根據類名,找到類名數組。
3、getElementsByTagName("name"),根據標簽的名字,找到標簽數組。
4、getElementsByName("name"),根據name屬性,找到某個數組。
列子:
二、獲取節點的內容:
1、表單:.value表單
2、非表單:.innerHTML 獲取標簽內容
3、修改樣式:
.style.CssName="取值"
例如: .style.Color="red";
4、獲得或者修改屬性
.屬性名
例如.href="xxxxx"
5、節點操作
添加節點、替換節點、刪除節點:
找到子節點
定時器
使用定時器的參數:
1、需要執行的代碼(一般情況下都是調用函數)
2、調用頻率(每個多長時間調用一次)
停止定時器的參數:
被停止的定時器
RegExp 對象
截止目前學習項目目錄壓縮包:pan.lanzou.com/1395090/