document.execCommand()方法處理Html數(shù)據(jù)

Chaz 發(fā)布于2019-08-22 18:33 / 2732人閱讀

摘要：設(shè)定元素的屬性為絕對。將當前選中區(qū)復(fù)制到剪貼板并刪除之。插入隱藏控件覆蓋當前選中區(qū)。減少選中區(qū)所在格式化塊的縮進。傳遞整數(shù)將顯示用戶界面，整數(shù)將跳過它。方法受到的影響會閃爍。

document.execCommand()方法處理Html數(shù)據(jù)時常用語法格式如下:
document.execCommand(sCommand[,交互方式, 動態(tài)參數(shù)])

其中：sCommand為指令參數(shù)（如下例中的”2D-Position”），交互方式參數(shù)如果是true的話將顯示對話框，如果為false的話，則不顯示對話框（下例中的”false”即表示不顯示對話框），動態(tài)參數(shù)一般為一可用值或?qū)傩灾担ㄈ缦吕械摹眛rue”）。

document.execCommand(”2D-Position”,”false”,”true”);

調(diào)用execCommand()可以實現(xiàn)瀏覽器菜單的很多功能. 如保存文件,打開新文件,撤消、重做操作…等等. 有了這個方法,就可以很容易的實現(xiàn)網(wǎng)頁中的文本編輯器.

如果靈活運用,可以很好的輔助我們完成各種項目.

使用的例子如下:

1、〖全選〗命令的實現(xiàn)

[說明]將選種網(wǎng)頁中的全部內(nèi)容！
[舉例]在之間加入：
全選

2、〖打開〗命令的實現(xiàn)

[說明]這跟VB等編程設(shè)計中的webbrowser控件中的命令有些相似，大家也可依此琢磨琢磨。
[舉例]在之間加入：
打開

3、〖另存為〗命令的實現(xiàn)

[說明]將該網(wǎng)頁保存到本地盤的其它目錄！
[舉例]在之間加入：
另存為

4、〖打印〗命令的實現(xiàn)

[說明]當然，你必須裝了打印機！
[舉例]在之間加入：
打印

Js代碼下面列出的是指令參數(shù)及意義

//相當于單擊文件中的打開按鈕
document.execCommand(”O(jiān)pen”);

//將當前頁面另存為
document.execCommand(”SaveAs”);

//剪貼選中的文字到剪貼板;
document.execCommand(”Cut”,”false”,null);

//刪除選中的文字;
document.execCommand(”Delete”,”false”,null);

//改變選中區(qū)域的字體;
document.execCommand(”FontName”,”false”,sFontName);

//改變選中區(qū)域的字體大小;
document.execCommand(”FontSize”,”false”,sSize|iSize);

//設(shè)置前景顏色;
document.execCommand(”ForeColor”,”false”,sColor);

//使絕對定位的對象可直接拖動;
document.execCommand(”2D-Position”,”false”,”true”);

//使對象定位變成絕對定位;
document.execCommand(”AbsolutePosition”,”false”,”true”);

//設(shè)置背景顏色;
document.execCommand(”BackColor”,”false”,sColor);

//使選中區(qū)域的文字加粗;
document.execCommand(”Bold”,”false”,null);

//復(fù)制選中的文字到剪貼板;
document.execCommand(”Copy”,”false”,null);

//設(shè)置指定錨點為書簽;
document.execCommand(”CreateBookmark”,”false”,sAnchorName);

//將選中文本變成超連接,若第二個參數(shù)為true,會出現(xiàn)參數(shù)設(shè)置對話框;
document.execCommand(”CreateLink”,”false”,sLinkURL);

//設(shè)置當前塊的標簽名;
document.execCommand(”FormatBlock”,”false”,sTagName);