document.designMode的功能與使用方法介紹

2019-11-21 01:52:13

字體：大中小

供稿：網(wǎng)友

將文檔設(shè)置為設(shè)計模式
要將整個文檔設(shè)置為設(shè)計模式，可以對文檔對象本身設(shè)置 designMode 屬性。當(dāng)文檔處于設(shè)計模式時，將不運行腳本。這樣，似乎在文檔內(nèi)設(shè)置一個按鈕來打開或關(guān)閉設(shè)計模式是個好注意，但這樣做沒有作用。當(dāng)用戶打開它后，它將保持在設(shè)計模式狀態(tài)。當(dāng)他們下次單擊此按鈕時，它將被選定而不是被單擊，他們再次單擊它，將能夠編輯它的值。這就是為什么如果要使用設(shè)計模式最好對框架或 IFrame 中的文檔設(shè)置 designMode 屬性的原因。下例展示如何為 IFrame 中的文檔打開設(shè)計模式：

復(fù)制代碼代碼如下:

<script for="btnDesign" event="onclick">   
targetDoc = document.frames(0).document;   
if (targetDoc.designMode == "On")   
          targetDoc.designMode = "Off";   
else   
          targetDoc.designMode = "On";   
</script>   
<button id=btnDesign>DesignMode</button>   
<iframe src="blank.htm" style="border: black thin; width:100%; height:200px"></iframe>  

designMode 屬性的值始終以首字母大寫格式存儲，即時它最初是以全部小寫設(shè)置的。請在測試它的值時一定記住這點。designMode 屬性的默認(rèn)值是“Inherit”。

上一篇：精解window.setTimeout()&window.setInterval()使用方式與參數(shù)傳遞問題！

下一篇：表格頭固定而列可滾動的效果