天天看點

剩餘四個全局屬性hidden屬性spellcheck屬性tabindex屬性

designMode屬性

用來指定整個頁面是否可以編輯,當頁面可以編輯的時候,contengEditor屬性的元素都變成了可編輯的狀态,designMode屬性隻能在javascript腳本裡面被修改,該屬性有兩個值on  off;屬性值為on 的時候,頁面可編輯,屬性的值為off的時候嗎頁面不可以編輯

使用javascript腳本來指定designMode的屬性的方法如下所示

document.designMode="on"

IE8:不允許使用designMode屬性讓頁面進入可編輯狀态

IE9:允許使用designMode屬性讓頁面進入可編輯狀态

chrome和safari:使用内嵌frame的方式,改内嵌frame方式是可以編輯的

firefox和opera:允許使用designMode屬性讓頁面進入可編輯狀态

hidden屬性

HTML5中所有的元素都允許使用同一個hidden屬性,功能是通知該浏覽器不渲染該元素,使該元素處于不可見狀态,但是元素中的内容還是浏覽器建立的,也就是說頁面裝載後允許使用javascript腳本将改屬性取消,取消後該元素變為可見狀态,同時元素中的内容也顯現出來,

是一個布爾值的屬性, true   元素不可見 ;false   元素可見

spellcheck屬性

是針對input 元素(type=text)和textarea這兩個文本輸入框提供的一個新屬性,他的功能是對使用者輸入的文本内容進行拼寫和文法檢查

是一個布爾值的屬性  具有true 和false兩種狀态      特殊:它在書寫的時候,必須明确申明屬性值是true還是false

<textarea spellcheck="true">.

<input type=text spellcheck="false">

注意:元素的readOnly   disabled屬性設定為true  不執行拼寫檢查

tabindex屬性

當不斷的敲擊Tab鍵或者頁面中的控件獲得焦點,對視窗或者頁面中的所有控件進行周遊的時候,每一個控件的tabindex表示該控件是第幾個被通路到的

另一個作用:在預設的情況下,隻有連結元素和表單元素可以通過按鍵獲得焦點,如果對其他元素使用tabindex屬性後,也能讓則會個元素獲得焦點,那麼的那個腳本中值執行focus元素的時候,就可以讓該元素獲得焦點了

把該元素的屬性值設定為負數,通常是-1,任然可以通過程式設計的方式來讓元素獲得焦點,但是按下Tab鍵後鈣元素不能獲得焦點了,這在複雜的頁面中或者複雜的web應用程式中是很有用的