1. 程式人生 > >9.28學習筆記

9.28學習筆記

call col strong 獲得 單擊 undefined 失去 oop ima

OOP(面向對象編程) 萬物皆對象 一種復合變量 狗: 顏色,品種,性別 吃,睡,叫 var dog = { color:"yellow", type:"京巴", sex:‘母‘, eat:function(){}, sleep:function(){}, talk:function(){} } 手機: 顏色,價格(price),品牌(brand),型號(type), 系統(system) 打電話(call),發短信(sms),聯網(net) var mobile = new Object(); mobile.color="red"; mobile.price=30; mobile.brand=‘MI‘; mobile.type=‘8‘; mobile.system=‘MUI‘; mobile.call=function(){}; mobile.sms=function(){}; mobile.net=function(){}; console.log(mobile); 人: 身高,體重,血型,年齡,性別,姓名 學習,開車,思考,吃飯



for-in(用來遍歷對象屬性的一種特殊循環) var obj={name:‘frank‘,age:2}; for(var i in obj){ i;//name和age obj[i];//frank,2 } var arr=[‘A‘,‘B‘,‘C‘]; for(var i in arr){ i;//0,1,2 arr[i];//A,B,C }

技術分享圖片

事件(event) onclick; /*單擊事件*/ ondblclick; /*雙擊事件*/ onchange; /*內容改變事件*/ onselect; /*內容選中事件*/ 技術分享圖片

onmouseover; /*鼠標經過事件*/ onmouseout; /*鼠標離開事件*/ 技術分享圖片

onfocus; /*獲得焦點事件*/ onblur; /*失去焦點事件*/ onkeydown; /*鍵盤按下事件(先)*/ onkeyup; /*鍵盤松開事件*/ onkeypress; /*鍵盤按下事件(後)*/

技術分享圖片

Math.floor(3.67);//不進位 Math.ceil(2.12);//進位 Math.round(4.5);//四舍五入 Math.round(4.1); Math.random();//0-1之間隨機數 Math.ceil(Math.random()*10);//1-10 Math.abs(-30);//絕對值 Math.max(5,1,6,23,111);//最大值 Math.min(5,1,6,23,111);//最小值 Math.pow(2,3);//2的3次冪 Math.sqrt(16);//開根號 3.1485926.toFixed(2);//四舍五入 技術分享圖片

如何獲取文本框的值 1. 給文本框設置ID <input id="num1"> 2. 在JS中通過文本框的ID值.value即可獲得 num1.value 3. 給文本框存值: num1.value=789;

函數(一個代碼塊,用大括號包起來,起了一個別名) 定義函數: 1. 函數聲明: function play(參數1,參數2,參數N){ //代碼 } 2. 函數表達式: var play=function(參數1,參數2,參數N){//形參 //代碼 } 調用函數: play(); play(1,2,3);//實參列表 3. 函數聲明和函數表達式的區別? 正常情況,代碼從上到下執行,應該是先定義,後調用. 但是"函數聲明"這種可以把調用寫在定義的前面. 4. 函數的特點: 需要用時才會執行,代碼各司其職,結構清晰

return(返回)-專門在函數內部使用的 作用: 1. 可以立刻跳出當前函數,後面的代碼不再執行. 2. return還可以帶出去一個值 function show(){ return 123; } var s=show();//s就是123,如果不寫return,則拿到undefined function play(){ if(1==1){ return; } //如果1==1的話,這裏的代碼不會執行 } 求圓的周長和面積 技術分享圖片

計算器的制作 技術分享圖片

優化1

技術分享圖片

優化2

技術分享圖片

9.28學習筆記