execCommand指令集
| <HTML> <HEAD> <SCRIPT LANGUAGE="JScript"> /* *該function執行copy指令 */ function fn_doufucopy() { edit.select(); document.execCommand('Copy'); } /* *該function執行paste指令 */ function fn_doufupaste() { tt.focus(); document.execCommand('paste'); } __> </SCRIPT> </head> <body> <input id=edit value=范例><br> <button onclick=fn_doufucopy()>Copy</button> <button onclick=fn_doufupaste()>paste</button><br> <textarea id=tt rows=10 cols=50></textarea> </body> </html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=big5"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>execCommand整理</title> <script language=javascript> /* *該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> 浮沉聚散變化又再,但是總可卷土重來.<br> 天若有情天亦老,人間正道是滄桑.<br> 都怪我,太執著,卻也等不到花開葉落.<br> <input type=button value="創建CreateLink" onclick=fn_creatlink()><br> <input type=button value="改變文字背景色" onclick=fn_change_backcolor()><br> <input type=button value="改變文字前景色" onclick=fn_change_forecolor()><br> <input type=button value="給文字加線條" onclick=fn_change_selection()><br> <input type=button value="改變文字的排列" onclick=fn_format()><br> <input type=button value="刪除或剪下選中的部分" onclick=fn_CutOrDel()><br> <input type=button value="插入Object" onclick=fn_InsObj()><br> <input type=button value="保存或打印文件" onclick=fn_save()><br> <input type=button value="測試Refresh屬性" onclick="document.execCommand('Refresh')"> </body> </html> |
