document.designMode的功能與使用方法介紹
更新時(shí)間：2007年11月22日 23:23:24 作者：
將文檔設(shè)置為設(shè)計(jì)模式
要將整個(gè)文檔設(shè)置為設(shè)計(jì)模式，可以對文檔對象本身設(shè)置 designMode 屬性。當(dāng)文檔處于設(shè)計(jì)模式時(shí)，將不運(yùn)行腳本。這樣，似乎在文檔內(nèi)設(shè)置一個(gè)按鈕來打開或關(guān)閉設(shè)計(jì)模式是個(gè)好注意，但這樣做沒有作用。當(dāng)用戶打開它后，它將保持在設(shè)計(jì)模式狀態(tài)。當(dāng)他們下次單擊此按鈕時(shí)，它將被選定而不是被單擊，他們再次單擊它，將能夠編輯它的值。這就是為什么如果要使用設(shè)計(jì)模式最好對框架或 IFrame 中的文檔設(shè)置 designMode 屬性的原因。下例展示如何為 IFrame 中的文檔打開設(shè)計(jì)模式：
<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í)它最初是以全部小寫設(shè)置的。請?jiān)跍y試它的值時(shí)一定記住這點(diǎn)。designMode 屬性的默認(rèn)值是“Inherit”。
要將整個(gè)文檔設(shè)置為設(shè)計(jì)模式，可以對文檔對象本身設(shè)置 designMode 屬性。當(dāng)文檔處于設(shè)計(jì)模式時(shí)，將不運(yùn)行腳本。這樣，似乎在文檔內(nèi)設(shè)置一個(gè)按鈕來打開或關(guān)閉設(shè)計(jì)模式是個(gè)好注意，但這樣做沒有作用。當(dāng)用戶打開它后，它將保持在設(shè)計(jì)模式狀態(tài)。當(dāng)他們下次單擊此按鈕時(shí)，它將被選定而不是被單擊，他們再次單擊它，將能夠編輯它的值。這就是為什么如果要使用設(shè)計(jì)模式最好對框架或 IFrame 中的文檔設(shè)置 designMode 屬性的原因。下例展示如何為 IFrame 中的文檔打開設(shè)計(jì)模式：
復(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實(shí)現(xiàn)輪播圖的完整代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-08-08
JavaScript判斷一個(gè)變量是否是數(shù)組的五種方式總結(jié)
在 JavaScript 編程中,我們經(jīng)常需要對不同類型的變量進(jìn)行判斷和處理,其中,判斷一個(gè)變量是否是數(shù)組是一項(xiàng)基本且常見的任務(wù),在本篇博客中,我們將介紹幾種常用的方式來判斷一個(gè)變量是否是數(shù)組,并探討它們的優(yōu)缺點(diǎn)以及適用場景,需要的朋友可以參考下2023-11-11
一個(gè)頁面里面需要放一個(gè)iframe框架來預(yù)覽網(wǎng)站，可是被預(yù)覽的這個(gè)網(wǎng)站中含有很多js腳本，于是想禁止iframe里面的腳本，下面是方法2014-09-09
javascript實(shí)現(xiàn)數(shù)組中的內(nèi)容隨機(jī)輸出
本文實(shí)例講述了javaScript數(shù)組隨機(jī)排列實(shí)現(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ù)實(shí)現(xiàn)方式詳解
這篇文章主要為大家介紹了JavaScript常規(guī)加密技術(shù)實(shí)現(xiàn)方式詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
下面小編就為大家?guī)硪黄猇C調(diào)用javascript的幾種方法(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08
JavaScript驗(yàn)證一個(gè)url的方法總結(jié)
最近遇到幾次需要校驗(yàn)URL的,使用這篇文章小編就為大家整理了一下幾個(gè)JavaScript校驗(yàn)URL的方法,文中的示例代碼簡潔易懂,感興趣的小伙伴可以了解一下2023-12-12
javascript顯示系統(tǒng)當(dāng)前時(shí)間代碼
這篇文章主要為大家詳細(xì)介紹了javascript如何顯示系統(tǒng)當(dāng)前時(shí)間代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12