匿名函數 3月 前端 11Day

Js 操作屬性
document .getElementByid("div1");根據ID來獲取;
document .之后getElementByid("div1") .title = "你真美" ;
整個文檔加載完之后執行的一個匿名函數;
function 匿名函數;
window .onload = function() {} 寫在《script》標簽里面;
通過id來查找文檔中的唯一id
document getElementByid ("link") .href = "www.baifu.com",(跳轉到網頁)
還可以 例如 : var oA = document .getElentByid("link");
oA .href = "www.baidu.com"
oA .title = "去到百度網";
還可以讀出來 : alert (oA.id) alert (oA.title);
對象 . 方法 ; 對象 . 屬性 ;
Js 換膚
導入搜索外部樣式 《link id = link1 red = "stylesheet" type = "text /css" href = "css/1.css" ;
操作顏色屬性 : odiv .style .color = "red" ;
在Js 里面設置字號的方法 fontSize 例如 : odiv .style .fontSize = "30px" ;
Js 操作classs 屬性 不能直接用 class 用classname 就可以了;
例如 : odiv.classname = "box2";
var .att = "color" ;
odiv style[att] = "red";
innerhtml 是js 里面
odiv2.innerhtml = "這是第二個div元素的內容"
面試題:document.write 和 innerhtl 有什么區別?
document .write 重會的是整個頁面;
innerhtml 重會的是頁面的一部分;
js 函數
《inpdut type = "button" value = "皮膚" onclick = skin01()"》但是這樣不好;
js可控制皮膚
點擊事件 onclick ;
function .skin01(){ var olink = document.getFlementByid("link1")};
olink .href = css/1.css ;
同上 olink .href = "css/2.css";
function .函數名() ; 函數的調用 函數名();
window.onaload = function(){};
《script》js代碼要放在js目錄下;
變量和函數域解析
JS 的代碼是從上向下執行的;
編譯在執行,變量的生明提前,只把生明提前,賦值不提前,函數是整個都提前;
匿名函數
window .onaload = function(); 這就是一個匿名函數;
var cc = document.getElemmentByid ('div');
cc.onclick = function(){alert("你好")};
函數傳參
例如:function sheet(styl)
{odiv .style[styl] = "red"};
如果有兩個形參的話 用逗號隔開
函數 return 關鍵字
框 《input type = "text"》 如果想操作就在 后面寫一個 id = “” ;
點擊框 《input type = "button" value = "相加"》;
return 的作用?
1.返回函數執行的結果;2.結束函數的執行; 3.可以阻止默認執行;
只要寫了return 下面的代碼就不執行了;
流程控制語句 ; 分支語句;
1.條件判斷語句; if .....else ;

  1. 條件分支語句 : swith ....case default;
  2. 循環語句 : for ,while ,do ... while ;
    1.條件判斷語句 :
    display : none;隱藏,就沒有了; diaplay :block 顯示 然后又出來了;
    if(cc.style.display == 'none'){cc.style.display == "block"};
    ese{cc.style.display == 'none'};
    不能寫反了;
    多重判斷語句 elif
    條件分支語句 switch ...case
    使用 break 可以結束整個switch ..case 語句,
    每一個語句的后面都加break;
    例如: switch(today){case:
    alear("數學");
    break}
    遇到break就就結束整個 switch ...case 語句;
    數組 aRr 代表一個數組;
    1.用面向對象的方式 用new 例如: var aRr01 = new Array(1,2,3,4);
    2.直接用[]中括號;
    獲取數組的整個長度 aleert(aRr02,length);
    獲取數組的內容 例如: alert (aRr02[3])
    定義多維數組, 二維數組,例如:var aRr03 =[[1,2,3],[3,0,2,1],[1,1,1]]
    length 表示 長度
    從0開始,下標;
    數組的常用方法 join
    push方法:向末尾增加元素;
    pop 方法:從末尾刪除一個;
    unshift :向元素的前面插入一個;
    shift : 把最前面的一個刪除;
    reverse : 可以將元素的數組反轉;
    indexof : 可以返回數組,第一次出現的索引值;
    splice 可以在數組中增加或刪除元素;
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容