突然發現這個方法的妙處。。。搜了點資(zī)料,,忘記下(xià)轉載自哪了。。。2009年09月27日 星期日 15:49
document.execCommand()方法處理html數據時常用語法格式如下(xià):
代碼:
document.execCommand(sCommand[,交互方式, 動态參數])
其中(zhōng):sCommand爲指令參數(如下(xià)例中(zhōng)的”2D-Position”),交互方式參數如果是true的話(huà)将顯示對話(huà)框,如果爲false的話(huà),則不顯示對話(huà)框(下(xià)例中(zhōng)的”false”即表示不顯示對話(huà)框),動态參數一(yī)般爲一(yī)可用值或屬性值(如下(xià)例中(zhōng)的”true”)。
document.execCommand(”2D-Position”,”false”,”true”);
調用execCommand()可以實現浏覽器菜單的很多功能。如:保存文件、打開(kāi)新文件、撤消、重做操作等等。有了這個方法,就可以很容易的實現網頁中(zhōng)的文本編輯器。
如果靈活運用,可以很好的輔助我(wǒ)(wǒ)們完成各種項目。
使用的例子如下(xià):
1、〖全選〗命令的實現
[格式]:document.execCommand(”selectAll”)
[說明]将選種網頁中(zhōng)的全部内容!
2、〖打開(kāi)〗命令的實現
[格式]:document.execCommand(”open”)
[說明]這跟VB等編程設計中(zhōng)的webbrowser控件中(zhōng)的命令有些相似,大(dà)家也可依此琢磨琢磨。
3、〖另存爲〗命令的實現
[格式]:document.execCommand(”saveAs”)
[說明]将該網頁保存到本地盤的其它目錄!
4、〖打印〗命令的實現
[格式]:document.execCommand(”print”)
[說明]當然,你必須裝了打印機!
Js代碼下(xià)面列出的是指令參數及意義
//相當于單擊文件中(zhōng)的打開(kāi)按鈕
document.execCommand(”Open”);
//将當前頁面另存爲
document.execCommand(”SaveAs”);
//剪貼選中(zhōng)的文字到剪貼闆;
document.execCommand(”Cut”,”false”,null);
//删除選中(zhōng)的文字;
document.execCommand(”Delete”,”false”,null);
//改變選中(zhōng)區域的字體(tǐ);
document.execCommand(”FontName”,”false”,sFontName);
//改變選中(zhōng)區域的字體(tǐ)大(dà)小(xiǎo);
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);
//使選中(zhōng)區域的文字加粗;
document.execCommand(”Bold”,”false”,null);
//複制選中(zhōng)的文字到剪貼闆;
document.execCommand(”Copy”,”false”,null);
//設置指定錨點爲書(shū)簽;
document.execCommand(”CreateBookmark”,”false”,sAnchorName);
//将選中(zhōng)文本變成超連接,若第二個參數爲true,會出現參數設置對話(huà)框;
document.execCommand(”CreateLink”,”false”,sLinkURL);
//設置當前塊的标簽名;
document.execCommand(”FormatBlock”,”false”,sTagName);
//相當于單擊文件中(zhōng)的打開(kāi)按鈕
document.execCommand(”Open”);
//将當前頁面另存爲
document.execCommand(”SaveAs”);
//剪貼選中(zhōng)的文字到剪貼闆;
document.execCommand(”Cut”,”false”,null);
//删除選中(zhōng)的文字;
document.execCommand(”Delete”,”false”,null);
//改變選中(zhōng)區域的字體(tǐ);
document.execCommand(”FontName”,”false”,sFontName);
//改變選中(zhōng)區域的字體(tǐ)大(dà)小(xiǎo);
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);
//使選中(zhōng)區域的文字加粗;
document.execCommand(”Bold”,”false”,null);
//複制選中(zhōng)的文字到剪貼闆;
document.execCommand(”Copy”,”false”,null);
//設置指定錨點爲書(shū)簽;
document.execCommand(”CreateBookmark”,”false”,sAnchorName);
//将選中(zhōng)文本變成超連接,若第二個參數爲true,會出現參數設置對話(huà)框;
document.execCommand(”CreateLink”,”false”,sLinkURL);
//設置當前塊的标簽名;
document.execCommand(”FormatBlock”,”false”,sTagName);
document對象execCommand通常在IE中(zhōng)在線處理html數據時非常有用,它可以讓你輕而易舉實現文字的加粗、加顔色、加字體(tǐ)等一(yī)系列的命令。
D-Position 允許通過拖曳移動絕對定位的對象。
AbsolutePosition 設定元素的 position 屬性爲“absolute”(絕對)。
BackColor 設置或獲取當前選中(zhōng)區的背景顔色。
BlockDirLTR 目前尚未支持。
BlockDirRTL 目前尚未支持。
Bold 切換當前選中(zhōng)區的粗體(tǐ)顯示與否。
BrowseMode 目前尚未支持。
Copy 将當前選中(zhōng)區複制到剪貼闆。
CreateBookmark 創建一(yī)個書(shū)簽錨或獲取當前選中(zhōng)區或插入點的書(shū)簽錨的名稱。
CreateLink 在當前選中(zhōng)區上插入超級鏈接,或顯示一(yī)個對話(huà)框允許用戶指定要爲當前選中(zhōng)區插入的超級鏈接的 URL。
Cut 将當前選中(zhōng)區複制到剪貼闆并删除之。
Delete 删除當前選中(zhōng)區。
DirLTR 目前尚未支持。
DirRTL 目前尚未支持。
EditMode 目前尚未支持。
FontName 設置或獲取當前選中(zhōng)區的字體(tǐ)。
FontSize 設置或獲取當前選中(zhōng)區的字體(tǐ)大(dà)小(xiǎo)。
ForeColor 設置或獲取當前選中(zhōng)區的前景(文本)顔色。
FormatBlock 設置當前塊格式化标簽。
Indent 增加選中(zhōng)文本的縮進。
InlineDirLTR 目前尚未支持。
InlineDirRTL 目前尚未支持。
InsertButton 用按鈕控件覆蓋當前選中(zhōng)區。
InsertFieldset 用方框覆蓋當前選中(zhōng)區。
InsertHorizontalRule 用水平線覆蓋當前選中(zhōng)區。
InsertIFrame 用内嵌框架覆蓋當前選中(zhōng)區。
InsertImage 用圖像覆蓋當前選中(zhōng)區。
InsertInputButton 用按鈕控件覆蓋當前選中(zhōng)區。
InsertInputCheckbox 用複選框控件覆蓋當前選中(zhōng)區。
InsertInputFileUpload 用文件上載控件覆蓋當前選中(zhōng)區。
InsertInputHidden 插入隐藏控件覆蓋當前選中(zhōng)區。
InsertInputImage 用圖像控件覆蓋當前選中(zhōng)區。
InsertInputPassword 用密碼控件覆蓋當前選中(zhōng)區。
InsertInputRadio 用單選鈕控件覆蓋當前選中(zhōng)區。
InsertInputReset 用重置控件覆蓋當前選中(zhōng)區。
InsertInputSubmit 用提交控件覆蓋當前選中(zhōng)區。
InsertInputText 用文本控件覆蓋當前選中(zhōng)區。
InsertMarquee 用空字幕覆蓋當前選中(zhōng)區。
InsertOrderedList 切換當前選中(zhōng)區是編号列表還是常規格式化塊。
InsertParagraph 用換行覆蓋當前選中(zhōng)區。
InsertSelectDropdown 用下(xià)拉框控件覆蓋當前選中(zhōng)區。
InsertSelectListbox 用列表框控件覆蓋當前選中(zhōng)區。
InsertTextArea 用多行文本輸入控件覆蓋當前選中(zhōng)區。
InsertUnorderedList 切換當前選中(zhōng)區是項目符号列表還是常規格式化塊。
Italic 切換當前選中(zhōng)區斜體(tǐ)顯示與否。
JustifyCenter 将當前選中(zhōng)區在所在格式化塊置中(zhōng)。
JustifyFull 目前尚未支持。
JustifyLeft 将當前選中(zhōng)區所在格式化塊左對齊。
JustifyNone 目前尚未支持。
JustifyRight 将當前選中(zhōng)區所在格式化塊右對齊。
LiveResize 迫使 MSHTML 編輯器在縮放(fàng)或移動過程中(zhōng)持續更新元素外(wài)觀,而不是隻在移動或縮放(fàng)完成後更新。
MultipleSelection 允許當用戶按住 Shift 或 Ctrl 鍵時一(yī)次選中(zhōng)多于一(yī)個站點可選元素。
Open 目前尚未支持。
Outdent 減少選中(zhōng)區所在格式化塊的縮進。
OverWrite 切換文本狀态的插入和覆蓋。
Paste 用剪貼闆内容覆蓋當前選中(zhōng)區。
PlayImage 目前尚未支持。
Print 打開(kāi)打印對話(huà)框以便用戶可以打印當前頁。
Redo 目前尚未支持。
Refresh 刷新當前文檔。
RemoveFormat 從當前選中(zhōng)區中(zhōng)删除格式化标簽。
RemoveParaFormat 目前尚未支持。
SaveAs 将當前 Web 頁面保存爲文件。
SelectAll 選中(zhōng)整個文檔。
SizeToControl 目前尚未支持。
SizeToControlHeight 目前尚未支持。
SizeToControlWidth 目前尚未支持。
Stop 目前尚未支持。
StopImage 目前尚未支持。
StrikeThrough 目前尚未支持。
Subscript 目前尚未支持。
Superscript 目前尚未支持。
UnBookmark 從當前選中(zhōng)區中(zhōng)删除全部書(shū)簽。
Underline 切換當前選中(zhōng)區的下(xià)劃線顯示與否。
Undo 目前尚未支持。
Unlink 從當前選中(zhōng)區中(zhōng)删除全部超級鏈接。
Unselect 清除當前選中(zhōng)區的選中(zhōng)狀态。
關于document.execCommand:
要執行編輯命令,可調用 document.execCommand,并傳遞對應于命令 ID 的字符串。另外(wài)還有可選的第二個參數,該參數指定如果可以應用的話(huà)是否顯示此命令的用戶界面。傳遞整數 1 将顯示用戶界面,整數 0 将跳過它。這個參數通常不用于編輯命令。因爲默認值爲 0,所以假如您沒有使用第三個參數(在這種情況下(xià),還必須爲第二個參數傳遞值),一(yī)般可以不管它。第三個參數也是可選的,在可應用的情況下(xià),使用它來将任何所需參數傳遞給該命令。
document.execCommand()方法處理html數據時常用語法格式如下(xià):
代碼:
document.execCommand(sCommand[,交互方式, 動态參數])
其中(zhōng):sCommand爲指令參數(如下(xià)例中(zhōng)的”2D-Position”),交互方式參數如果是true的話(huà)将顯示對話(huà)框,如果爲false的話(huà),則不顯示對話(huà)框(下(xià)例中(zhōng)的”false”即表示不顯示對話(huà)框),動态參數一(yī)般爲一(yī)可用值或屬性值(如下(xià)例中(zhōng)的”true”)。
document.execCommand(”2D-Position”,”false”,”true”);
調用execCommand()可以實現浏覽器菜單的很多功能。如:保存文件、打開(kāi)新文件、撤消、重做操作等等。有了這個方法,就可以很容易的實現網頁中(zhōng)的文本編輯器。
如果靈活運用,可以很好的輔助我(wǒ)(wǒ)們完成各種項目。
使用的例子如下(xià):
1、〖全選〗命令的實現
[格式]:document.execCommand(”selectAll”)
[說明]将選種網頁中(zhōng)的全部内容!
2、〖打開(kāi)〗命令的實現
[格式]:document.execCommand(”open”)
[說明]這跟VB等編程設計中(zhōng)的webbrowser控件中(zhōng)的命令有些相似,大(dà)家也可依此琢磨琢磨。
3、〖另存爲〗命令的實現
[格式]:document.execCommand(”saveAs”)
[說明]将該網頁保存到本地盤的其它目錄!
4、〖打印〗命令的實現
[格式]:document.execCommand(”print”)
[說明]當然,你必須裝了打印機!
Js代碼下(xià)面列出的是指令參數及意義
//相當于單擊文件中(zhōng)的打開(kāi)按鈕
document.execCommand(”Open”);
//将當前頁面另存爲
document.execCommand(”SaveAs”);
//剪貼選中(zhōng)的文字到剪貼闆;
document.execCommand(”Cut”,”false”,null);
//删除選中(zhōng)的文字;
document.execCommand(”Delete”,”false”,null);
//改變選中(zhōng)區域的字體(tǐ);
document.execCommand(”FontName”,”false”,sFontName);
//改變選中(zhōng)區域的字體(tǐ)大(dà)小(xiǎo);
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);
//使選中(zhōng)區域的文字加粗;
document.execCommand(”Bold”,”false”,null);
//複制選中(zhōng)的文字到剪貼闆;
document.execCommand(”Copy”,”false”,null);
//設置指定錨點爲書(shū)簽;
document.execCommand(”CreateBookmark”,”false”,sAnchorName);
//将選中(zhōng)文本變成超連接,若第二個參數爲true,會出現參數設置對話(huà)框;
document.execCommand(”CreateLink”,”false”,sLinkURL);
//設置當前塊的标簽名;
document.execCommand(”FormatBlock”,”false”,sTagName);
//相當于單擊文件中(zhōng)的打開(kāi)按鈕
document.execCommand(”Open”);
//将當前頁面另存爲
document.execCommand(”SaveAs”);
//剪貼選中(zhōng)的文字到剪貼闆;
document.execCommand(”Cut”,”false”,null);
//删除選中(zhōng)的文字;
document.execCommand(”Delete”,”false”,null);
//改變選中(zhōng)區域的字體(tǐ);
document.execCommand(”FontName”,”false”,sFontName);
//改變選中(zhōng)區域的字體(tǐ)大(dà)小(xiǎo);
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);
//使選中(zhōng)區域的文字加粗;
document.execCommand(”Bold”,”false”,null);
//複制選中(zhōng)的文字到剪貼闆;
document.execCommand(”Copy”,”false”,null);
//設置指定錨點爲書(shū)簽;
document.execCommand(”CreateBookmark”,”false”,sAnchorName);
//将選中(zhōng)文本變成超連接,若第二個參數爲true,會出現參數設置對話(huà)框;
document.execCommand(”CreateLink”,”false”,sLinkURL);
//設置當前塊的标簽名;
document.execCommand(”FormatBlock”,”false”,sTagName);
document對象execCommand通常在IE中(zhōng)在線處理html數據時非常有用,它可以讓你輕而易舉實現文字的加粗、加顔色、加字體(tǐ)等一(yī)系列的命令。
D-Position 允許通過拖曳移動絕對定位的對象。
AbsolutePosition 設定元素的 position 屬性爲“absolute”(絕對)。
BackColor 設置或獲取當前選中(zhōng)區的背景顔色。
BlockDirLTR 目前尚未支持。
BlockDirRTL 目前尚未支持。
Bold 切換當前選中(zhōng)區的粗體(tǐ)顯示與否。
BrowseMode 目前尚未支持。
Copy 将當前選中(zhōng)區複制到剪貼闆。
CreateBookmark 創建一(yī)個書(shū)簽錨或獲取當前選中(zhōng)區或插入點的書(shū)簽錨的名稱。
CreateLink 在當前選中(zhōng)區上插入超級鏈接,或顯示一(yī)個對話(huà)框允許用戶指定要爲當前選中(zhōng)區插入的超級鏈接的 URL。
Cut 将當前選中(zhōng)區複制到剪貼闆并删除之。
Delete 删除當前選中(zhōng)區。
DirLTR 目前尚未支持。
DirRTL 目前尚未支持。
EditMode 目前尚未支持。
FontName 設置或獲取當前選中(zhōng)區的字體(tǐ)。
FontSize 設置或獲取當前選中(zhōng)區的字體(tǐ)大(dà)小(xiǎo)。
ForeColor 設置或獲取當前選中(zhōng)區的前景(文本)顔色。
FormatBlock 設置當前塊格式化标簽。
Indent 增加選中(zhōng)文本的縮進。
InlineDirLTR 目前尚未支持。
InlineDirRTL 目前尚未支持。
InsertButton 用按鈕控件覆蓋當前選中(zhōng)區。
InsertFieldset 用方框覆蓋當前選中(zhōng)區。
InsertHorizontalRule 用水平線覆蓋當前選中(zhōng)區。
InsertIFrame 用内嵌框架覆蓋當前選中(zhōng)區。
InsertImage 用圖像覆蓋當前選中(zhōng)區。
InsertInputButton 用按鈕控件覆蓋當前選中(zhōng)區。
InsertInputCheckbox 用複選框控件覆蓋當前選中(zhōng)區。
InsertInputFileUpload 用文件上載控件覆蓋當前選中(zhōng)區。
InsertInputHidden 插入隐藏控件覆蓋當前選中(zhōng)區。
InsertInputImage 用圖像控件覆蓋當前選中(zhōng)區。
InsertInputPassword 用密碼控件覆蓋當前選中(zhōng)區。
InsertInputRadio 用單選鈕控件覆蓋當前選中(zhōng)區。
InsertInputReset 用重置控件覆蓋當前選中(zhōng)區。
InsertInputSubmit 用提交控件覆蓋當前選中(zhōng)區。
InsertInputText 用文本控件覆蓋當前選中(zhōng)區。
InsertMarquee 用空字幕覆蓋當前選中(zhōng)區。
InsertOrderedList 切換當前選中(zhōng)區是編号列表還是常規格式化塊。
InsertParagraph 用換行覆蓋當前選中(zhōng)區。
InsertSelectDropdown 用下(xià)拉框控件覆蓋當前選中(zhōng)區。
InsertSelectListbox 用列表框控件覆蓋當前選中(zhōng)區。
InsertTextArea 用多行文本輸入控件覆蓋當前選中(zhōng)區。
InsertUnorderedList 切換當前選中(zhōng)區是項目符号列表還是常規格式化塊。
Italic 切換當前選中(zhōng)區斜體(tǐ)顯示與否。
JustifyCenter 将當前選中(zhōng)區在所在格式化塊置中(zhōng)。
JustifyFull 目前尚未支持。
JustifyLeft 将當前選中(zhōng)區所在格式化塊左對齊。
JustifyNone 目前尚未支持。
JustifyRight 将當前選中(zhōng)區所在格式化塊右對齊。
LiveResize 迫使 MSHTML 編輯器在縮放(fàng)或移動過程中(zhōng)持續更新元素外(wài)觀,而不是隻在移動或縮放(fàng)完成後更新。
MultipleSelection 允許當用戶按住 Shift 或 Ctrl 鍵時一(yī)次選中(zhōng)多于一(yī)個站點可選元素。
Open 目前尚未支持。
Outdent 減少選中(zhōng)區所在格式化塊的縮進。
OverWrite 切換文本狀态的插入和覆蓋。
Paste 用剪貼闆内容覆蓋當前選中(zhōng)區。
PlayImage 目前尚未支持。
Print 打開(kāi)打印對話(huà)框以便用戶可以打印當前頁。
Redo 目前尚未支持。
Refresh 刷新當前文檔。
RemoveFormat 從當前選中(zhōng)區中(zhōng)删除格式化标簽。
RemoveParaFormat 目前尚未支持。
SaveAs 将當前 Web 頁面保存爲文件。
SelectAll 選中(zhōng)整個文檔。
SizeToControl 目前尚未支持。
SizeToControlHeight 目前尚未支持。
SizeToControlWidth 目前尚未支持。
Stop 目前尚未支持。
StopImage 目前尚未支持。
StrikeThrough 目前尚未支持。
Subscript 目前尚未支持。
Superscript 目前尚未支持。
UnBookmark 從當前選中(zhōng)區中(zhōng)删除全部書(shū)簽。
Underline 切換當前選中(zhōng)區的下(xià)劃線顯示與否。
Undo 目前尚未支持。
Unlink 從當前選中(zhōng)區中(zhōng)删除全部超級鏈接。
Unselect 清除當前選中(zhōng)區的選中(zhōng)狀态。
關于document.execCommand:
要執行編輯命令,可調用 document.execCommand,并傳遞對應于命令 ID 的字符串。另外(wài)還有可選的第二個參數,該參數指定如果可以應用的話(huà)是否顯示此命令的用戶界面。傳遞整數 1 将顯示用戶界面,整數 0 将跳過它。這個參數通常不用于編輯命令。因爲默認值爲 0,所以假如您沒有使用第三個參數(在這種情況下(xià),還必須爲第二個參數傳遞值),一(yī)般可以不管它。第三個參數也是可選的,在可應用的情況下(xià),使用它來将任何所需參數傳遞給該命令。