Week11? 2016/11/23上午1-4節(jié)
一脚猾、復(fù)習(xí)
對(duì)應(yīng)的html
二葱峡、execCommand實(shí)現(xiàn)富文本編輯控件
1、execCommand
document.execCommand - Web API 接口
Javascript中document.execCommand()的用法 - 千里之外
- 博客頻道 - CSDN.NET
JavaScript中的execCommand()命令詳解及實(shí)例展示 - yiluoAK_47的專欄
- 博客頻道 - CSDN.NET
2龙助、3-7代碼解析
（0）對(duì)應(yīng)的html文檔
（1）獲取到工具條
（2）單擊工具條上的button要執(zhí)行的方法
1）e.target=event.target
target 事件屬性可返回事件的目標(biāo)節(jié)點(diǎn)（觸發(fā)該事件的節(jié)點(diǎn)）砰奕，如生成事件的元素、文檔或窗口提鸟。
event.target.nodeName? //獲取事件觸發(fā)元素標(biāo)簽name（li,p...）
e.target與事件委托簡(jiǎn)例_JavaScript_第七城市
2）條件運(yùn)算符军援，語(yǔ)法為：條件表達(dá)式？表達(dá)式1：表達(dá)式2称勋。
說(shuō)明：?jiǎn)柼?hào)前面的位置是判斷的條件胸哥，判斷結(jié)果為bool型，為true時(shí)調(diào)用表達(dá)式1赡鲜，為false時(shí)調(diào)用表達(dá)式2空厌。
其邏輯為：“如果為真執(zhí)行第一個(gè)庐船，否則執(zhí)行第二個(gè)〕案”
==筐钟， 兩邊值類型不同的時(shí)候，要先進(jìn)行類型轉(zhuǎn)換赋朦，再比較篓冲。
===，不做類型轉(zhuǎn)換宠哄，類型不同的一定不等壹将。
JavaScript 中2個(gè)等號(hào)與3個(gè)等號(hào)的區(qū)別 - - ITeye技術(shù)網(wǎng)站
3）dataset：獲取以data-后面的字符串為屬性名的屬性值
HTML5自定義屬性對(duì)象Dataset簡(jiǎn)介 ? 張?chǎng)涡?鑫空間-鑫生活
4)execCommand
bool= document.execCommand(aCommandName,aShowDefaultUI,aValueArgument)
返回值
一個(gè)Boolean，如果是false則表示操作不被支持或未被啟用毛嫉。
參數(shù)
aCommandName
一個(gè)DOMString诽俯，命令的名稱∮樱可用命令列表請(qǐng)參閱命令惊畏。
aShowDefaultUI
一個(gè)Boolean是否展示用戶界面，一般為 false密任。Mozilla 沒(méi)有實(shí)現(xiàn)颜启。
aValueArgument
一些命令需要一些額外的參數(shù)值（如insertimage需要提供這個(gè)image的url）。默認(rèn)為null浪讳。
5)prompt
prompt() 方法用于與用戶交互缰盏，提示用戶輸入信息的對(duì)話框。
prompt(str1,str2);此方法包含兩個(gè)屬性淹遵；
str1:用于提示用戶輸入的信息口猜。
str2:用于用戶輸入文本信息。
該方法返回值：返回用戶輸入的文本信息透揣。
javascript 巧用prompt()函數(shù)_百度經(jīng)驗(yàn)
（3）給工具條添加click事件
addEventListener 有三個(gè)參數(shù)：第一個(gè)參數(shù)表示事件名稱（不含 on济炎，如 "click"）；第二個(gè)參數(shù)表示要接收事件處理的函數(shù)辐真；第三個(gè)參數(shù)為 useCapture:
true 的觸發(fā)順序總是在 false 之前须尚；
如果多個(gè)均為 true，則外層的觸發(fā)先于內(nèi)層侍咱；
如果多個(gè)均為 false耐床，則內(nèi)層的觸發(fā)先于外層。
addEventListener 的三個(gè)參數(shù) - BryanYang - 開(kāi)源中國(guó)社區(qū)
