document.execCommand()函数可用参数解析 （转）
生活随笔
收集整理的這篇文章主要介紹了
document.execCommand()函数可用参数解析 （转）
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<HTML> ???? <HEAD> ???????? <TITLE>JavaScript--execCommand指令集</TITLE> ???????? <SCRIPTLANGUAGE="javascript"> <!-- /* *該function執行copy指令 */ function fn_doufucopy(){ edit.select(); document.execCommand('Copy'); } /* *該function執行paste指令 */ function fn_doufupaste() { tt.focus(); document.execCommand('paste'); } /* *該function用來創建一個超鏈接 */ function fn_creatlink() { ?document.execCommand('CreateLink',true,'true');//彈出一個對話框輸入URL ?//document.execCommand('CreateLink',false,'http://www.51js.com'); } /* *該function用來將選中的區塊設為指定的背景色 */ function fn_change_backcolor() { ?document.execCommand('BackColor',true,'#FFbbDD');//true或false都可以 } /* *該function用來將選中的區塊設為指定的前景色,改變選中區塊的字體大小,改變字體,字體變粗變斜 */ function fn_change_forecolor() { //指定前景色 document.execCommand('ForeColor',false,'#BBDDCC');//true或false都可以 //指定背景色 document.execCommand('FontSize',false,7);?? //true或false都可以 //字體必須是系統支持的字體 document.execCommand('FontName',false,'標楷體');?? //true或false都可以 //字體變粗 document.execCommand('Bold'); //變斜體 document.execCommand('Italic'); } /* *該function用來將選中的區塊加上不同的線條 */ function fn_change_selection() { //將選中的文字加下劃線 document.execCommand('Underline'); //在選中的文字上劃粗線 document.execCommand('StrikeThrough'); //將選中的部分文字變細 document.execCommand('SuperScript'); //將選中區塊的下劃線取消掉 document.execCommand('Underline'); } /* ?*該function用來將選中的區塊排成不同的格式 ?*/ function fn_format() { //有序列排列 document.execCommand('InsertOrderedList'); //實心無序列排列 document.execCommand('InsertUnorderedList'); //空心無序列排列 document.execCommand('Indent'); } /* *該function用來將選中的區塊剪下或是刪除掉 */ function fn_CutOrDel() { //刪除選中的區塊 //document.execCommand('Delete'); //剪下選中的區塊 document.execCommand('Cut'); } /* *該function用來將選中的區塊重設為一個相應的物件 */ function fn_InsObj() { /* ?****************************************** ?* 以下指令都是為選中的區塊重設一個object; ?* 如沒有特殊說明,第二個參數true或false是一樣的; ?* 參數三表示為該object的id; ?* 可以用在javascript中通過其指定的id來控制它 ?****************************************** */ /*重設為一個button(InsertButton和InsertInputButtong一樣, 只不前者是button,后者是input)*/ /*document.execCommand('InsertButton',false,"aa"); //true或false無效 document.all.aa.value="風舞九天";*/ //重設為一個fieldset /*document.execCommand('InsertFieldSet',true,"aa"); document.all.aa.innerText="刀劍如夢";*/ //插入一個水平線 //document.execCommand('InsertHorizontalRule',true,"aa"); //插入一個iframe //document.execCommand('InsertIFrame',true,"aa"); //插入一個InsertImage,設為true時需要圖片,false時不需圖片 //document.execCommand('InsertImage',false,"aa"); //插入一個checkbox //document.execCommand('InsertInputCheckbox',true,"aa"); //插入一個file類型的object //document.execCommand('InsertInputFileUpload',false,"aa"); //插入一個hidden /*document.execCommand('InsertInputHidden',false,"aa"); alert(document.all.aa.id);*/ //插入一個InputImage /*document.execCommand('InsertInputImage',false,"aa"); document.all.aa.src="F-a10.gif";*/ //插入一個Password //document.execCommand('InsertInputPassword',true,"aa"); //插入一個Radio //document.execCommand('InsertInputRadio',false,"aa"); //插入一個Reset //document.execCommand('InsertInputReset',true,"aa"); //插入一個Submit //document.execCommand('InsertInputSubmit',false,"aa"); //插入一個input text //document.execCommand('InsertInputText',false,"aa"); //插入一個textarea //document.execCommand('InsertTextArea',true,"aa"); //插入一個 select list box //document.execCommand('InsertSelectListbox',false,"aa"); //插入一個single select document.execCommand('InsertSelectDropdown',true,"aa"); //插入一個line break(硬回車??) //document.execCommand('InsertParagraph'); //插入一個marquee /*document.execCommand('InsertMarquee',true,"aa"); document.all.aa.innerText="bbbbb";*/ //用于取消選中的陰影部分 //document.execCommand('Unselect'); //選中頁面上的所有元素 //document.execCommand('SelectAll'); } /* *該function用來將頁面保存為一個文件 */ function fn_save() { //第二個參數為欲保存的文件名 document.execCommand('SaveAs','mycodes.txt'); //打印整個頁面 //document.execCommand('print'); } --> ???????? </SCRIPT> ???? </HEAD> ???? <body> ???????? <inputid="edit"value="范例"NAME="edit"><br> ???????? <buttononclick="fn_doufucopy()"ID="Button1">Copy</button> <buttononclick="fn_doufupaste()"ID="Button2"> ????????????? paste</button><br> ???????? <textareaid="tt"rows="10"cols="50"NAME="tt"></textarea> ???????? <hr> ???????? <br> ???????? 浮沉聚散變化又再,但是總可卷土重來.<br> ???????? 天若有情天亦老,人間正道是滄桑.<br> ???????? 都怪我,太執著,卻也等不到花開葉落.<br> ???????? <br> ???????? Please select above letters, then click following buttons:<br> ???????? <hr> ???????? <inputtype="button"value="創建CreateLink"onclick="fn_creatlink()"ID="Button3"NAME="Button3"><br> ???????? <inputtype="button"value="改變文字背景色"onclick="fn_change_backcolor()"ID="Button4"NAME="Button4"><br> ???????? <inputtype="button"value="改變文字前景色"onclick="fn_change_forecolor()"ID="Button5"NAME="Button5"><br> ???????? <inputtype="button"value="給文字加線條"onclick="fn_change_selection()"ID="Button6"NAME="Button6"><br> ???????? <inputtype="button"value="改變文字的排列"onclick="fn_format()"ID="Button7"NAME="Button7"><br> ???????? <inputtype="button"value="刪除或剪下選中的部分"onclick="fn_CutOrDel()"ID="Button8"NAME="Button8"><br> ???????? <inputtype="button"value="插入Object"onclick="fn_InsObj()"ID="Button9"NAME="Button9"><br> ???????? <inputtype="button"value="保存或打印文件"onclick="fn_save()"ID="Button10"NAME="Button10"><br> ???????? <inputtype="button"value="測試Refresh屬性"onclick="document.execCommand('Refresh')"ID="Button11" ????????????? NAME="Button11"> ???? </body> </HTML>
轉載于:https://www.cnblogs.com/zwl12549/archive/2007/12/29/1019432.html
總結
以上是生活随笔為你收集整理的document.execCommand()函数可用参数解析 （转）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 职业规划要结合用人单位需求。
- 下一篇： 如何用心