当前位置导航:炫浪网>>网络学院>>网页制作>>JavaScript教程

JS-execCommand指令集

<HTML>
     <HEAD>
         <TITLE>字体大小,改变字体,字体变粗变斜
    */
   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');
   }
   http://www.devdao.com/
   /*
    * 该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?http://www.xvna.com";*/
    //插入一个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>
         <input id="edit" value="范例" NAME="edit"><br>
         <button ID="Button1">Copy</button> <button ID="Button2">
              paste</button><br>
         <textarea id="tt" rows="10" cols="50" NAME="tt"></textarea>
         <hr>
         <br>
         浮沉聚散变化又再,但是总可卷土重来.<br>
         天若有情天亦老,人间正道是沧桑.<br>
         都怪我,太执着,却也等不到花开叶落.<br>
         <br>
         Please select above letters, then click following buttons:<br>
         <hr>
         <input type="button" value="创建CreateLink" ID="Button3" NAME="Button3"><br>
         <input type="button" value="改变文字背景色" ID="Button4" NAME="Button4"><br>
         <input type="button" value="改变文字前景色" ID="Button5" NAME="Button5"><br>
         <input type="button" value="给文字加线条" ID="Button6" NAME="Button6"><br>
         <input type="button" value="改变文字的排列" ID="Button7" NAME="Button7"><br>
         <input type="button" value="删除或剪下选中的部分" ID="Button8" NAME="Button8"><br>
         <input type="button" value="插入Object" ID="Button9" NAME="Button9"><br>
         <input type="button" value="保存或打印文件" ID="Button10" NAME="Button10"><br>
         <input type="button" value="Refresh属性" onclick="document.execCommand('Refresh')" ID="Button11"   NAME="Button11">
     </body>
</HTML>

相关内容
赞助商链接