document.execCommand()函数可用参数

最新推荐文章于 2023-02-13 16:45:23 发布
wuzijingaip
最新推荐文章于 2023-02-13 16:45:23 发布
阅读量109
点赞数
文章标签： JavaScript F# ViewUI
本文链接：https://blog.csdn.net/wuzijingaip/article/details/83710463
版权
<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>