document.designMode的功能與使用方法介紹
更新時(shí)間：2007年11月22日 23:23:24 作者：
將文檔設(shè)置為設(shè)計(jì)模式
要將整個(gè)文檔設(shè)置為設(shè)計(jì)模式，可以對(duì)文檔對(duì)象本身設(shè)置 designMode 屬性。當(dāng)文檔處于設(shè)計(jì)模式時(shí)，將不運(yùn)行腳本。這樣，似乎在文檔內(nèi)設(shè)置一個(gè)按鈕來(lái)打開(kāi)或關(guān)閉設(shè)計(jì)模式是個(gè)好注意，但這樣做沒(méi)有作用。當(dāng)用戶打開(kāi)它后，它將保持在設(shè)計(jì)模式狀態(tài)。當(dāng)他們下次單擊此按鈕時(shí)，它將被選定而不是被單擊，他們?cè)俅螁螕羲瑢⒛軌蚓庉嬎闹?。這就是為什么如果要使用設(shè)計(jì)模式最好對(duì)框架或 IFrame 中的文檔設(shè)置 designMode 屬性的原因。下例展示如何為 IFrame 中的文檔打開(kāi)設(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 屬性的值始終以首字母大寫(xiě)格式存儲(chǔ)，即時(shí)它最初是以全部小寫(xiě)設(shè)置的。請(qǐng)?jiān)跍y(cè)試它的值時(shí)一定記住這點(diǎn)。designMode 屬性的默認(rèn)值是“Inherit”。
要將整個(gè)文檔設(shè)置為設(shè)計(jì)模式，可以對(duì)文檔對(duì)象本身設(shè)置 designMode 屬性。當(dāng)文檔處于設(shè)計(jì)模式時(shí)，將不運(yùn)行腳本。這樣，似乎在文檔內(nèi)設(shè)置一個(gè)按鈕來(lái)打開(kāi)或關(guān)閉設(shè)計(jì)模式是個(gè)好注意，但這樣做沒(méi)有作用。當(dāng)用戶打開(kāi)它后，它將保持在設(shè)計(jì)模式狀態(tài)。當(dāng)他們下次單擊此按鈕時(shí)，它將被選定而不是被單擊，他們?cè)俅螁螕羲瑢⒛軌蚓庉嬎闹?。這就是為什么如果要使用設(shè)計(jì)模式最好對(duì)框架或 IFrame 中的文檔設(shè)置 designMode 屬性的原因。下例展示如何為 IFrame 中的文檔打開(kāi)設(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)文章
JavaScript style對(duì)象與CurrentStyle對(duì)象案例詳解
這篇文章主要介紹了JavaScript style對(duì)象與CurrentStyle對(duì)象案例詳解,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08
圖片輪播效果在各大網(wǎng)站都可以見(jiàn)到，應(yīng)用非常廣泛，今天小編給大家分享純js實(shí)現(xiàn)手寫(xiě)圖片輪播的代碼，非常不錯(cuò)具有參考借鑒價(jià)值，感興趣的朋友一起看看吧2016-10-10
任意一個(gè)名稱(chēng)都是有意義的，先從字面意思來(lái)理解。async 是“異步”的簡(jiǎn)寫(xiě)，而 await 可以認(rèn)為是 async wait 的簡(jiǎn)寫(xiě)。所以應(yīng)該很好理解 async 用于申明一個(gè) function 是異步的，而 await 用于等待一個(gè)異步方法執(zhí)行完成2022-12-12
用js實(shí)現(xiàn)before和after偽類(lèi)的樣式修改的示例代碼
本篇文章主要介紹了用js實(shí)現(xiàn)before和after偽類(lèi)的樣式修改的示例代碼，具有一定的參考價(jià)值，有興趣的可以了解一下2017-09-09
MVC模式可謂無(wú)人不知，它除了能增強(qiáng)團(tuán)隊(duì)協(xié)作的效率，還可方便產(chǎn)品的維護(hù)升級(jí)，本文我們將對(duì)Express框架的模板和視圖（V）相關(guān)功能進(jìn)行介紹。2011-07-07
Three.js中的紋理圖像應(yīng)用和屬性調(diào)整方法
在three.js中紋理貼圖是用來(lái)給物體表面添加圖案、顏色或者其他視覺(jué)效果的一種技術(shù),這篇文章主要給大家介紹了關(guān)于Three.js中紋理圖像應(yīng)用和屬性調(diào)整的相關(guān)資料,需要的朋友可以參考下2024-01-01
JavaScript方法_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了JavaScript方法，詳細(xì)的介紹了JavaScript幾種函數(shù)定義方式及使用方法,感興趣的小伙伴們可以參考一下2017-06-06
js 賦值包含單引號(hào)雙引號(hào)問(wèn)題的解決方法
這篇文章主要介紹了js賦值包含單引號(hào)雙引號(hào)問(wèn)題的解決方法,需要的朋友可以參考下2014-02-02
讓IDE識(shí)別webpack的別名alias的實(shí)現(xiàn)方法
這篇文章主要介紹了讓IDE識(shí)別webpack的別名alias的實(shí)現(xiàn)方法,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-05-05
JavaScript實(shí)現(xiàn)簡(jiǎn)單圖片滾動(dòng)附源碼下載
JavaScript實(shí)現(xiàn)簡(jiǎn)單圖片滾動(dòng)，9張圖告訴你，C羅欲哭無(wú)淚，另附源碼下載，方便學(xué)習(xí)2014-06-06