execCommand方法是執(zhí)行一個對當前文檔，當前選擇或者給出范圍的命令。在HTML5中，execCommand是一個非常有用的命令，它可以用來執(zhí)行一些文本操作，例如插入文本、修改字體樣式、插入圖片等。execCommand可以通過JavaScript代碼來調用，使得開發(fā)者可以在網(wǎng)頁中實現(xiàn)一些復雜的文本操作。在HTML編輯器中這個命令用得很多，酷炫的強大功能。

一、execCommand的作用

execCommand命令可以用來執(zhí)行一些文本操作，例如：

1、插入文本：可以在文本框或富文本編輯器中插入文本內(nèi)容。

2、修改字體樣式：可以對選中的文本應用不同的字體、字號、字形等樣式屬性。

3、插入圖片：可以在文本中插入圖片，并設置圖片的大小和位置。

4、修改文本格式：可以將選中的文本轉換為段落、標題、列表等格式。

5、剪切、復制和粘貼：可以執(zhí)行剪切、復制和粘貼操作，將選中的文本或圖片復制到剪貼板中或從剪貼板中粘貼文本或圖片。

6、撤銷和重做：可以撤銷或重做之前的操作。

7、其他操作：還可以執(zhí)行一些其他的文本操作，例如設置文本的顏色、背景色等。

二、execCommand的用法

document.execCommand(sCommand,交互方式, 動態(tài)參數(shù))

其中：sCommand為指令參數(shù)（如下例中的”2D-Position”），交互方式如果是true的話將顯示對話框，如果為false的話，則不顯示對話框（下例中的”false”即表示不顯示對話框），動態(tài)參數(shù)一般為 —— 可用值或屬性值（如下例中的”true”）

例：document.execCommand("2D-Position","false","true");

三、指令參數(shù)列表

1. 2D-Position 允許通過拖曳移動絕對定位的對象。  

2. AbsolutePosition 設定元素的 position 屬性為“absolute”(絕對)。  

3. BackColor 設置或獲取當前選中區(qū)的背景顏色。  

4. BlockDirLTR 目前尚未支持。  

5. BlockDirRTL 目前尚未支持。  

6. Bold 切換當前選中區(qū)的粗體顯示與否。  

7. BrowseMode 目前尚未支持。  

8. Copy 將當前選中區(qū)復制到剪貼板。  

9. CreateBookmark 創(chuàng)建一個書簽錨或獲取當前選中區(qū)或插入點的書簽錨的名稱。  

10.CreateLink 在當前選中區(qū)上插入超級鏈接，或顯示一個對話框允許用戶指定要為當前選中區(qū)插入的超級鏈接的 URL。  

11.Cut 將當前選中區(qū)復制到剪貼板并刪除之。  

12.Delete 刪除當前選中區(qū)。  

13.DirLTR 目前尚未支持。  

14.DirRTL 目前尚未支持。  

15.EditMode 目前尚未支持。  

16.FontName 設置或獲取當前選中區(qū)的字體。  

17.FontSize 設置或獲取當前選中區(qū)的字體大小。  

18.ForeColor 設置或獲取當前選中區(qū)的前景(文本)顏色。  

19.FormatBlock 設置當前塊格式化標簽。  

20.Indent 增加選中文本的縮進。  

21.InlineDirLTR 目前尚未支持。  

22.InlineDirRTL 目前尚未支持。  

23.InsertButton 用按鈕控件覆蓋當前選中區(qū)。  

24.InsertFieldset 用方框覆蓋當前選中區(qū)。  

25.InsertHorizontalRule 用水平線覆蓋當前選中區(qū)。  

26.InsertIFrame 用內(nèi)嵌框架覆蓋當前選中區(qū)。  

27.InsertImage 用圖像覆蓋當前選中區(qū)。  

28.InsertInputButton 用按鈕控件覆蓋當前選中區(qū)。  

29.InsertInputCheckbox 用復選框控件覆蓋當前選中區(qū)。  

30.InsertInputFileUpload 用文件上載控件覆蓋當前選中區(qū)。  

31.InsertInputHidden 插入隱藏控件覆蓋當前選中區(qū)。  

32.InsertInputImage 用圖像控件覆蓋當前選中區(qū)。  

33.InsertInputPassword 用密碼控件覆蓋當前選中區(qū)。  

34.InsertInputRadio 用單選鈕控件覆蓋當前選中區(qū)。  

35.InsertInputReset 用重置控件覆蓋當前選中區(qū)。  

36.InsertInputSubmit 用提交控件覆蓋當前選中區(qū)。  

37.InsertInputText 用文本控件覆蓋當前選中區(qū)。  

38.InsertMarquee 用空字幕覆蓋當前選中區(qū)。  

39.InsertOrderedList 切換當前選中區(qū)是編號列表還是常規(guī)格式化塊。  

40.InsertParagraph 用換行覆蓋當前選中區(qū)。  

41.InsertSelectDropdown 用下拉框控件覆蓋當前選中區(qū)。  

42.InsertSelectListbox 用列表框控件覆蓋當前選中區(qū)。  

43.InsertTextArea 用多行文本輸入控件覆蓋當前選中區(qū)。  

44.InsertUnorderedList 切換當前選中區(qū)是項目符號列表還是常規(guī)格式化塊。  

45.Italic 切換當前選中區(qū)斜體顯示與否。  

46.JustifyCenter 將當前選中區(qū)在所在格式化塊置中。  

47.JustifyFull 目前尚未支持。  

48.JustifyLeft 將當前選中區(qū)所在格式化塊左對齊。  

49.JustifyNone 目前尚未支持。  

50.JustifyRight 將當前選中區(qū)所在格式化塊右對齊。  

51.LiveResize 迫使 MSHTML 編輯器在縮放或移動過程中持續(xù)更新元素外觀，而不是只在移動或縮放完成后更新。  

52.MultipleSelection 允許當用戶按住 Shift 或 Ctrl 鍵時一次選中多于一個站點可選元素。  

53.Open 打開。  

54.Outdent 減少選中區(qū)所在格式化塊的縮進。  

55.OverWrite 切換文本狀態(tài)的插入和覆蓋。  

56.Paste 用剪貼板內(nèi)容覆蓋當前選中區(qū)。  

57.PlayImage 目前尚未支持。  

58.Print 打開打印對話框以便用戶可以打印當前頁。  

59.Redo 重做。  

60.Refresh 刷新當前文檔。  

61.RemoveFormat 從當前選中區(qū)中刪除格式化標簽。  

62.RemoveParaFormat 目前尚未支持。  

63.SaveAs 將當前 Web 頁面保存為文件。  

64.SelectAll 選中整個文檔。  

65.SizeToControl 目前尚未支持。  

66.SizeToControlHeight 目前尚未支持。  

67.SizeToControlWidth 目前尚未支持。  

68.Stop 停止。  

69.StopImage 目前尚未支持。  

70.StrikeThrough 目前尚未支持。  

71.Subscript 目前尚未支持。  

72.Superscript 目前尚未支持。  

73.UnBookmark 從當前選中區(qū)中刪除全部書簽。  

74.Underline 切換當前選中區(qū)的下劃線顯示與否。  

75.Undo 撤消。  

76.Unlink 從當前選中區(qū)中刪除全部超級鏈接。  

77.Unselect 清除當前選中區(qū)的選中狀態(tài)。  

四、使用示例

//相當于單擊文件中的打開按鈕
document.execCommand("Open");
//將當前頁面另存為
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);
//設置前景顏色;
document.execCommand("ForeColor","false",sColor);
//使絕對定位的對象可直接拖動;
document.execCommand("2D-Position","false","true");
//使對象定位變成絕對定位;
document.execCommand("AbsolutePosition","false","true");
//設置背景顏色;
document.execCommand("BackColor","false",sColor);
//使選中區(qū)域的文字加粗;
document.execCommand("Bold","false",null);
//復制選中的文字到剪貼板;
document.execCommand("Copy","false",null);
//設置指定錨點為書簽;
document.execCommand("CreateBookmark","false",sAnchorName);
//將選中文本變成超連接,若第二個參數(shù)為true,會出現(xiàn)參數(shù)設置對話框;
document.execCommand("CreateLink","false",sLinkURL);
//設置當前塊的標簽名;
document.execCommand("FormatBlock","false",sTagName);
//相當于單擊文件中的打開按鈕
document.execCommand("Open");
//將當前頁面另存為
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);
//設置前景顏色;
document.execCommand("ForeColor","false",sColor);
//使絕對定位的對象可直接拖動;
document.execCommand("2D-Position","false","true");
//使對象定位變成絕對定位;
document.execCommand("AbsolutePosition","false","true");
//設置背景顏色;
document.execCommand("BackColor","false",sColor);
//使選中區(qū)域的文字加粗;
document.execCommand("Bold","false",null);
//復制選中的文字到剪貼板;
document.execCommand("Copy","false",null);
//設置指定錨點為書簽;
document.execCommand("CreateBookmark","false",sAnchorName);
//將選中文本變成超連接,若第二個參數(shù)為true,會出現(xiàn)參數(shù)設置對話框;
document.execCommand("CreateLink","false",sLinkURL);
//設置當前塊的標簽名;
document.execCommand("FormatBlock","false",sTagName);

五、結論

到此這篇關于詳解Javascript中document.execCommand()的用法以及指令參數(shù)列表的文章就介紹到這了,更多相關execCommand的用法及指令參數(shù)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！