JavaScript--execCommand指令集

aguang110

浏览: 880230 次
性别:
来自: 北京

最近访客更多访客>>

tongwawa

ggggoo

lyne15730

gggfff39

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

javascript

JavaScript HTML

<HTML>
<HEAD>
   <TITLE>JavaScript--execCommand指令集</TITLE>
    <SCRIPT LANGUAGE="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_save(){
             //第二个参数为欲保存的文件名
             document.execCommand('SaveAs','mycodes.txt');
             //打印整个页面//
             document.execCommand('print');}

-->
</script>

</HEAD>     <body>
    <input   id="edit"value="范例"NAME="edit"><br>
    <button onclick="fn_doufucopy()" ID="Button1">Copy</button>
    <button onclick="fn_doufupaste()" 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" onclick="fn_creatlink()" ID="Button3" NAME="Button3"><br>
    <input type="button" value="改变文字背景色" onclick="fn_change_backcolor()" ID="Button4" NAME="Button4"><br>
    <input type="button" value="改变文字前景色" onclick="fn_change_forecolor()" ID="Button5" NAME="Button5"><br>
    <input type="button" value="给文字加线条"   onclick="fn_change_selection()"   ID="Button6" NAME="Button6"><br>
    <input type="button" value="改变文字的排列" onclick="fn_format()" ID="Button7" NAME="Button7"><br>
    <input type="button" value="删除或剪下选中的部分" onclick="fn_CutOrDel()" ID="Button8" NAME="Button8"><br>
    <input type="button" value="插入Object" onclick="fn_InsObj()" ID="Button9" NAME="Button9"><br>
    <input type="button" value="保存或打印文件"onclick="fn_save()" ID="Button10" NAME="Button10"><br>
    <input type="button"value="测试Refresh属性"onclick="document.execCommand('Refresh')"ID="Button11"        NAME="Button11">
    </body></HTML>

分享到：

event.returnValue和return false的区别 | 个性博客-七款超靓天气预报免费代码

2011-03-15 09:23
浏览 951
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论