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)文章
JavaScript style對象與CurrentStyle對象案例詳解
這篇文章主要介紹了JavaScript style對象與CurrentStyle對象案例詳解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08
圖片輪播效果在各大網(wǎng)站都可以見到，應(yīng)用非常廣泛，今天小編給大家分享純js實現(xiàn)手寫圖片輪播的代碼，非常不錯具有參考借鑒價值，感興趣的朋友一起看看吧2016-10-10
任意一個名稱都是有意義的，先從字面意思來理解。async 是“異步”的簡寫，而 await 可以認(rèn)為是 async wait 的簡寫。所以應(yīng)該很好理解 async 用于申明一個 function 是異步的，而 await 用于等待一個異步方法執(zhí)行完成2022-12-12
用js實現(xiàn)before和after偽類的樣式修改的示例代碼
本篇文章主要介紹了用js實現(xiàn)before和after偽類的樣式修改的示例代碼，具有一定的參考價值，有興趣的可以了解一下2017-09-09
MVC模式可謂無人不知，它除了能增強團(tuán)隊協(xié)作的效率，還可方便產(chǎn)品的維護(hù)升級，本文我們將對Express框架的模板和視圖（V）相關(guān)功能進(jìn)行介紹。2011-07-07
Three.js中的紋理圖像應(yīng)用和屬性調(diào)整方法
在three.js中紋理貼圖是用來給物體表面添加圖案、顏色或者其他視覺效果的一種技術(shù),這篇文章主要給大家介紹了關(guān)于Three.js中紋理圖像應(yīng)用和屬性調(diào)整的相關(guān)資料,需要的朋友可以參考下2024-01-01
JavaScript方法_動力節(jié)點Java學(xué)院整理
這篇文章主要介紹了JavaScript方法，詳細(xì)的介紹了JavaScript幾種函數(shù)定義方式及使用方法,感興趣的小伙伴們可以參考一下2017-06-06
這篇文章主要介紹了js賦值包含單引號雙引號問題的解決方法,需要的朋友可以參考下2014-02-02
讓IDE識別webpack的別名alias的實現(xiàn)方法
這篇文章主要介紹了讓IDE識別webpack的別名alias的實現(xiàn)方法,本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-05-05
JavaScript實現(xiàn)簡單圖片滾動，9張圖告訴你，C羅欲哭無淚，另附源碼下載，方便學(xué)習(xí)2014-06-06