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應用程式中是很有用的