Alert(“”); 彈出警示框；
完整的寫(xiě)法：window.alert(“執(zhí)行語(yǔ)句”)获黔；
Window 窗口對(duì)象 一般情況下蚀苛，window可以省略；
Console 控制臺(tái)輸出玷氏；
一般用于我們程序員測(cè)試堵未，調(diào)試程序用：
console.log(“執(zhí)行語(yǔ)句”)； 控制臺(tái)輸出盏触，普通的輸出語(yǔ)句渗蟹；
console.warn(‘執(zhí)行語(yǔ)句’)侦厚； 控制臺(tái)警示；
console.error(“控制臺(tái)錯(cuò)誤提示”)拙徽； 控制臺(tái)錯(cuò)誤提示；
文檔打印輸出：
document.write(“執(zhí)行輸出”)诗宣；
document 文檔對(duì)象膘怕；
JS，用于控制我們web頁(yè)面里面的元素召庞；
那么岛心，他是怎么控制的？
想要控制元素篮灼，首先就要找到想要控制的元素
因?yàn)镮D永遠(yuǎn)是唯一的忘古，不會(huì)沖突，所以我們一般用ID來(lái)尋找我們需要改變的元素诅诱；
getElementById(‘s1’);
get 獲取 element元素 by 通過(guò) id 名字髓堪；
document.getElementById(‘s1’);
document.getElementById('s1').style.background='#efefef'
首先，獲取元素娘荡，然后干旁，改變?cè)氐臉邮剑缓蟾淖儤邮絻?nèi)的background屬性炮沐；
在JS里面争群，改變帶有橫杠的CSS屬性，均采用駝峰命名法大年；
一换薄、事件
什么是事件？
比如說(shuō)我們?nèi)ラ_(kāi)燈翔试，我們用手轻要，去按一下開(kāi)關(guān)，開(kāi)關(guān)處理程序遏餐，把燈泡點(diǎn)亮伦腐，這就是一個(gè)事件；
那么事件失都，就必須要有事件的三要素：
事件源 事件 事件處理程序柏蘑；
1.1 事件源
要觸發(fā)的對(duì)象， 用手去出發(fā)了粹庞，那手就是事件源咳焚；
1.2 事件
怎么觸發(fā)？按庞溜？敲革半？打碑定？
一般是動(dòng)詞，例如點(diǎn)擊又官、經(jīng)過(guò)延刘、按鍵盤(pán)
事件名 說(shuō)明
onclick 鼠標(biāo)單擊
ondblclick 鼠標(biāo)雙擊
onkeyup 按下并釋放鍵盤(pán)上的一個(gè)鍵時(shí)觸發(fā)?
onchange 文本內(nèi)容或下拉菜單中的選項(xiàng)發(fā)生改變
onfocus 獲得焦點(diǎn)，表示文本框等獲得鼠標(biāo)光標(biāo)六敬。
onblur 失去焦點(diǎn)碘赖，表示文本框等失去鼠標(biāo)光標(biāo)。
onmouseover 鼠標(biāo)懸停外构，即鼠標(biāo)停留在圖片等的上方
onmouseout 鼠標(biāo)移出普泡，即離開(kāi)圖片等所在的區(qū)域
onload 網(wǎng)頁(yè)文檔加載事件
onunload 關(guān)閉網(wǎng)頁(yè)時(shí)
onsubmit 表單提交事件
onreset 重置表單時(shí)
1.3 事件處理程序、
發(fā)生了什么就是事件的處理程序 燈亮了审编，門(mén)開(kāi)了撼班；
我們獲取到的元素，是可以通過(guò)變量垒酬，來(lái)存儲(chǔ)起來(lái)的!!!
那么砰嘁，一個(gè)事件的總過(guò)程：
獲取元素，然后給元素賦予一個(gè)事件伤溉，最后般码，在事件里面執(zhí)行東西；
var a = document.getElementById('b1');
var s = document.getElementById('s1');
a.onclick = function() {
s.style.background ='#efefef';
}
marquee 標(biāo)簽文字滾動(dòng)條
onmouseover 鼠標(biāo)移動(dòng)上去的事件乱顾；
onmouseout 鼠標(biāo)移出事件板祝；
頁(yè)面載入函數(shù)：
window.onload=function(){
}
因?yàn)槲覀兊腏S屬于標(biāo)準(zhǔn)文檔流，如果把JS寫(xiě)在頁(yè)面元素的前頭走净，就獲取不到券时，
那么，我們可以通過(guò)頁(yè)面加載的事件來(lái)完成我們寫(xiě)在任意地方的寫(xiě)法
Window.onload就是：當(dāng)瀏覽器被打開(kāi)的時(shí)候伏伯，頁(yè)面所有元素都被加載一遍橘洞；
所以說(shuō)，為了我們頁(yè)面加載速度快一些说搅，通常炸枣，JS通常放在頁(yè)面底部；
transform: rotate(45deg);旋轉(zhuǎn)角度 deg是角度的意思
this關(guān)鍵字
指向當(dāng)前函數(shù)弄唧；
event.target; //找到目標(biāo)事件适肠； target目標(biāo)
event 事件，那么
event.target:找到目標(biāo)事件候引；
可以適用于子元素侯养；
計(jì)算 方法： eval（）；
可以計(jì)算出包含的字符串的運(yùn)算澄干；
聚焦：獲取當(dāng)前窗口鼠標(biāo)焦點(diǎn)逛揩；
失焦：當(dāng)前元素失去焦點(diǎn)柠傍；
聚焦，也是有事件的辩稽，他叫做：
onfocus=function(){}
失去焦點(diǎn);
onblur=function(){}
計(jì)算器（demo）
結(jié)構(gòu)
<div class="box">
<input type="text" id="input" value="" disabled="disabled"/><br/>
<div id="num">
<input type="button" value="1"/>
<input type="button" value="2"/>
<input type="button" value="3"/>
<input type="button" value="+"/><br/>
<input type="button" value="4"/>
<input type="button" value="5"/>
<input type="button" value="6"/>
<input type="button" value="-"/><br/>
<input type="button" value="7"/>
<input type="button" value="8"/>
<input type="button" value="9"/>
<input type="button" value="*"/><br/>
<input type="button" value="0"/>
<input type="button" value="."/>
<input type="button" value="/" id="chu"/><br/>
</div>
<button id="clear">C</button>
<button id="btn">=</button>
</div>
css樣式
.box {
width: 300px;
border: 1px solid silver;
text-align: center;
margin: 50px auto;
}
.box input {
height: 50px;
margin: 3px 0;
width: 70px;outline: none;
}
#input {
width: 290px;
text-align: right;
}
#chu,#btn,#clear{
width: 144px;
}
#btn,#clear{
margin: 0 0 3px 0;
height: 50px;
}
js清單
//頁(yè)面加載完執(zhí)行
window.onload = function(){
//第一步
var num = document.getElementById("num"); //得到計(jì)算器的輸入按鈕
var input = document.getElementById("input"); //得到計(jì)算器的顯示屏
var btn = document.getElementById("btn"); //得到等于按鈕
var clear = document.getElementById("clear"); //得到清除按鈕
//第二步
//點(diǎn)擊界面輸入按鈕
num.onclick = function(event){
var x = event.target || event.srcElement; //兼容
if(x.value == undefined){
//如果值等于 undefined 就什么也不輸出惧笛。
}else{
input.value = input.value + x.value;
}
};
//第三步
//點(diǎn)擊等于
btn.onclick = function(){
if(input.value !="") //如果 input 的值不為空就運(yùn)算 input 里面的值
input.value = eval(input.value); // 運(yùn)算
};
//第四步
//點(diǎn)擊清除
clear.onclick = function(){
input.value = "";
};
};
