document.designMode的功能與使用方法介紹
更新時間：2007年11月22日 23:23:24 作者：
將文檔設(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è)計模式：
<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”。
要將整個文檔設(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>
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)輪播圖的完整代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-08-08
JavaScript判斷一個變量是否是數(shù)組的五種方式總結(jié)
在 JavaScript 編程中,我們經(jīng)常需要對不同類型的變量進(jìn)行判斷和處理,其中,判斷一個變量是否是數(shù)組是一項基本且常見的任務(wù),在本篇博客中,我們將介紹幾種常用的方式來判斷一個變量是否是數(shù)組,并探討它們的優(yōu)缺點以及適用場景,需要的朋友可以參考下2023-11-11
一個頁面里面需要放一個iframe框架來預(yù)覽網(wǎng)站，可是被預(yù)覽的這個網(wǎng)站中含有很多js腳本，于是想禁止iframe里面的腳本，下面是方法2014-09-09
javascript實現(xiàn)數(shù)組中的內(nèi)容隨機(jī)輸出
本文實例講述了javaScript數(shù)組隨機(jī)排列實現(xiàn)隨機(jī)洗牌功能的方法。分享給大家供大家參考。2015-08-08
這篇文章主要為大家介紹了JS利用中介模式開發(fā)全局控制器圖文示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09
屏蔽鼠標(biāo)右鍵、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格鍵
js 防止刷新網(wǎng)頁、禁止后退,右鍵等操作的代碼2010-03-03
JavaScript常規(guī)加密技術(shù)實現(xiàn)方式詳解
這篇文章主要為大家介紹了JavaScript常規(guī)加密技術(shù)實現(xiàn)方式詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
下面小編就為大家?guī)硪黄猇C調(diào)用javascript的幾種方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
最近遇到幾次需要校驗URL的,使用這篇文章小編就為大家整理了一下幾個JavaScript校驗URL的方法,文中的示例代碼簡潔易懂,感興趣的小伙伴可以了解一下2023-12-12
javascript顯示系統(tǒng)當(dāng)前時間代碼
這篇文章主要為大家詳細(xì)介紹了javascript如何顯示系統(tǒng)當(dāng)前時間代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12