execCommand指令集

最新推荐文章于 2023-03-20 10:55:07 发布
最新推荐文章于 2023-03-20 10:55:07 发布
阅读量1.1k 收藏
点赞数
分类专栏： WEB2.0技术 文章标签： button function input object javascript iframe
< 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_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>

         <input id="edit" value="范例" NAME="edit"><br>

         <button οnclick="fn_doufucopy()" ID="Button1">Copy</button> <button οnclick="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" οnclick="fn_creatlink()" ID="Button3" NAME="Button3"><br>

         <input type="button" value="改变文字背景色" οnclick="fn_change_backcolor()" ID="Button4" NAME="Button4"><br>

         <input type="button" value="改变文字前景色" οnclick="fn_change_forecolor()" ID="Button5" NAME="Button5"><br>

         <input type="button" value="给文字加线条" οnclick="fn_change_selection()" ID="Button6" NAME="Button6"><br>

         <input type="button" value="改变文字的排列" οnclick="fn_format()" ID="Button7" NAME="Button7"><br>

         <input type="button" value="删除或剪下选中的部分" οnclick="fn_CutOrDel()" ID="Button8" NAME="Button8"><br>

         <input type="button" value="插入Object" οnclick="fn_InsObj()" ID="Button9" NAME="Button9"><br>

         <input type="button" value="保存或打印文件" οnclick="fn_save()" ID="Button10" NAME="Button10"><br>

         <input type="button" value="测试Refresh属性" οnclick="document.execCommand('Refresh')" ID="Button11"

              NAME="Button11">

     </body>

</HTML>

netjxz
关注
专栏目录
一线大厂常用的六大vue自定义指令合集之自动复制v-copy
lixiaosenlin的专栏
09-29 2418
前言 前面的文章中我们已经对vue2和vue3中自定义指令的语法和钩子函数分别做了梳理和介绍。光说不练假把式，接下来我们就来实战一下，同时也看一看一线大厂们常用的自定义指令有哪些。今天要实战的是自动复制文本到剪切板的自定义指令。 不知道小伙伴们有没有遇到过这样的情况，当我的鼠标去点击一个文本的时候，这个文本就会自动复制到了剪切板里了，然后就可以想往哪粘就往哪粘了，妈妈再也不用担心我的复制粘贴了。言归正传，下面我们将以vue3.0为例来分析和实现一下自动复制功能 思路分析 要想实现文本的自动复制，我们需
有道云笔记新版编辑器架构设计（上）
youdaotech的博客
03-31 1168
在开发有道云笔记的新版编辑器的过程中，我们遇到很多实际问题，愈发感觉到这是一个非常有深度的前端技术领域，所以我们将新版编辑器的技术选型、架构和部分实现细节拿出来分享给大家，希望对大家开发富文本编辑器、做复杂系统的架构设计有一定参考意义。 作者/ 金鑫 编辑/ Ryan 来源/ 有道技术团队（ID: youdaotech） 1. 富文本编辑器背景 1.1 什么是编辑器 编辑器在前端开发领域是指可以提供给用户编辑纯文本、富文本、代码、多媒体内容等的功能模块，例如以云笔记为例，编辑器指下图中绿色的区域。 ..
document对象execCommand的command参数介绍
01-19
2D-Position 允许通过拖曳移动绝对定位的对象。  AbsolutePosition 设定元素的 position 属性为“absolute”(绝对)。  BackColor 设置或获取当前选中区的背景颜色。  BlockDirLTR 目前尚未支持。  BlockDirRTL 目前尚未支持。  Bold 切换当前选中区的粗体显示与否。  BrowseMode 目前尚未支持。  Copy 将当前选中区复制到剪贴板。  CreateBookmark 创建一个书签锚或获取当前选中区或插入点的书签锚的名称。  CreateLink 在当前选中区上插入超级链接，或显示一个对话框允许用户指定要为当
document.execCommand()函数可用参数(整理收集)
08-01 155
2D-Position 允许通过拖曳移动绝对定位的对象。 AbsolutePosition 设定元素的 position 属性为“absolute”(绝对)。 BackColor 设置或获取当前选中区的背景颜色。 BlockDirLTR 目前尚未支持。 BlockDirRTL 目前尚未支持。 Bo...
document.execCommand()函数可用参数解析
avgk01030117的博客
08-02 361
<HTML> <HEAD> <TITLE>JavaScript--execCommand指令集</TITLE> <SCRIPT LANGUAGE="javascript"> <!-- /* *该function执行copy指令 */ function fn...
Js:关于document.execCommand()函数可用参数大解析
nittystone的专栏
03-01 2212
2D-Position 允许通过拖曳移动绝对定位的对象。 AbsolutePosition 设定元素的 position 属性为“absolute”(绝对)。 BackColor 设置或获取当前选中区的背景颜色。 BlockDirLTR 目前尚未支持。 BlockDirRTL 目前尚未支持。 Bold 切换当前选中区的粗体显示与否。 BrowseMode 目前尚未支持。 Copy 将当
document对象execCommand的命令参数介绍
hljqfl的专栏
01-07 1353
document对象execCommand的命令参数介绍 2009-01-12 14:18 document.execCommand()方法处理Html数据时常用语法格式如下: 复制内容到剪贴板 代码: document.execCommand(sCommand[,交互方式, 动态参数])   其中：sCommand为指令参数（如下例中的"2D-Position"），交互方式参数如果...
execCommand指令集详解
09-01
execCommand指令集详解，javascript进阶是常用的参考资料
jenkins+pipeline+docker部署vue项目
最新发布
不会写后端的前端不是一个好运维。
03-20 1274
stagestages这里只是一个简单的例子，只要掌握了思路，部署别的项目都是一样的第一步：拉取代码第二步：编译部署获取构建产物第三步：将产物传输到业务服务器，并根据具体业务场景看是否需要重启服务nodejs项目的话就是拉去代码编译，把生成的静态文件传输到业务服务器的web服务的静态路径下。一般nginx居多，不需要勾选任何选项，只需要在流水线的区域去编写流水线脚本,先在脚本框写一个pipeline块，所有你的流水线脚本步骤都是在这个pipeline块里。
JAVA远程连接ssh异步,SSH-2实现java连接远程服务器并执行脚本命令
weixin_36088083的博客
03-13 1086
参考文档：maven jar包：https://mvnrepository.com/artifact/ch.ethz.ganymed/ganymed-ssh2Ganymed SSH2 API文档 ：http://www.ganymed.ethz.ch/ssh2/javadoc/overview-summary.htmlJava的Ganymed SSH2是一个在纯Java中实现SSH-2协议的库(在...
document.execCommand()解析
03-15
NULL 博文链接：https://vb2005xu.iteye.com/blog/319918
document.execCommand() 解析
编程开发资料库
10-02 134
2D-Position允许通过拖曳移动绝对定位的对象。AbsolutePosition设定元素的position属性为“absolute”(绝对)。BackColor设置或获取当前选中区的背景颜色。BlockDirLTR目前尚未支持。BlockDirRTL目前尚未支持。Bold切换当前选中区的粗体显示与否。BrowseMode目前尚未支持。Copy将当前选中区复制到剪贴板。CreateBookma...
HtmlDocument.ExecCommand() 方法
~飞 鸟 (*^__^*) 天 堂~
11-03 1138
作用：对文档执行指定的命令。 语法:public void ExecCommand( string command, bool showUI, Object value)参数command 类型：System..::.String要执行的命令的名称。有关命令的完整列表，请参见“Command Identifiers”（命令标识符）(http://msdn
JavaScript中的execCommand
偏科程序猿
11-04 461
execCommand方法是执行一个对当前文档，当前选择或者给出范围的命令。处理Html数据时常用 如下格式：document.execCommand(sCommand[,交互方式, 动态参数]) ，其中：sCommand为指令参数（如下例中的"2D-Position"），交互方式参数如果是true的话将显示对话框，如果为false的话，则不显示对话框（下例中的"false"即表示不显示对话
vue.js 学习笔记第一季-基础指令集（JS胖老师课程）
Tino's Space
03-22 1468
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;script type="text/javascript" src=&quo
关于document.execCommand()函数可用参数大解析
"小灰"的专栏
11-10 2030
来源：http://blog.csdn.net/add8848/archive/2004/08/26/85482.aspx2D-Position 允许通过拖曳移动绝对定位的对象。 AbsolutePosition 设定元素的 position 属性为“absolute”(绝对)。 BackColor 设置或获取当前选中区的背景颜色。 BlockDirLTR 目前尚未支持。 BlockDirRTL
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值