document.execCommand()函数可用参数解析

最新推荐文章于 2024-06-04 20:31:24 发布
最新推荐文章于 2024-06-04 20:31:24 发布
阅读量949 收藏 1
点赞数
文章标签： button function input object javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/woden2005/article/details/1601968
版权
< 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 >
 
woden2005
关注
JavaScript高级程序设计 第4版（中文高清）扫描版
bsegebr的博客
03-08 1万+
1. JavaScript组成 核心ECMAScript 文档对象模型DOM 浏览器对象模型BOM 1.2.1 ECMAScript 定义语言的基础 规定了语言的组成部分：语法、类型、语句、关键字、保留字、操作符、对象 js nodejs 都实现了ECMAScript 1.2.2 DOM 文档对象模型 Document Object Model 针对XML但经扩展用于HTML的应用程序编程接口(API) 把整个页面映射为多层节点结构，每个节点包含不同类型的数据。 借助DOM API，可删除，添加，替换，
_vue-2
beifeng11996的博客
02-26 371
所以我们可以v-model进行如下改写： 这个语法糖必须是固定的，也就是说属性必须为，方法名必须为：。 知道了的原理，我们可以在自定义组件上实现 原理会将组件的 默认转化成 原生的 ，会根据标签的不同生成不同的事件和属性 ----------@----------的作用 的工作原理 相同点 都是语法糖，都可以实现父子组件中的数据的双向通信 区别点 格式不同：, : : 只能用一次；可以有多个 ----------@----------插槽 作用域插槽 ------
execcommand:一个非常简单的包装器，用于在 NodeJS 中同步执行系统命令！
06-20
执行命令 一个非常简单的包装器，用于在 NodeJS 中同步执行系统命令！ 包装器正在使用 。 例子 var execCommand = require ( "execCommand.js" ) ; var command = execCommand ( "cat /sys/class/thermal/thermal_zone0/temp" ) ; console . log ( command ) ;
execCommand全集
草宝虫的博客
03-01 185
JavaScript中的execCommand介绍  execCommand方法是执行一个对当前文档，当前选择或者给出范围的命令。处理Html数据时常用如下格式：document.execCommand(sCommand[,交互方式, 动态参数]) ，其中：sCommand为指令参数（如下例中的"2D-Position"），交互方式参数如果是true的话将显示对话框，如果为false的话，则...
JavaScript中的execCommand
偏科程序猿
11-04 435
execCommand方法是执行一个对当前文档，当前选择或者给出范围的命令。处理Html数据时常用 如下格式：document.execCommand(sCommand[,交互方式, 动态参数]) ，其中：sCommand为指令参数（如下例中的"2D-Position"），交互方式参数如果是true的话将显示对话框，如果为false的话，则不显示对话框（下例中的"false"即表示不显示对话
execCommand
Mua~
03-06 1097
document对象的execCommand方法 调用方法：function（effect）{editPane.document.execCommand（effect,false,null） execCommand（）操作命令 命令 含义 是否有参数 backColor 设置文档背景颜色，在IE中只是设置文本的颜色，需要传递参数 是 bold
JS简单实现点击复制链接的方法
10-21
在这个例子中，当用户点击“复制链接2”按钮时，会触发`onClick`事件，直接调用`select()`方法选中ID为`url`的输入框内的文本，然后执行`document.execCommand('Copy')`命令将选中的文本复制到剪贴板。 ### 注意...
JS复制对应id的内容到粘贴板（Ctrl+C效果）
11-29
`getUrl`函数接收一个`id`参数，然后调用`copyToClipboard`函数，传入对应的`<input>`元素。`copyToClipboard`函数负责执行实际的复制操作。 1. 首先，根据`elem.tagName`判断是否为`INPUT`或`TEXTAREA`。如果是，...
网页常用JavaScript代码
Working_Harder的专栏
10-01 1万+
<script>// 弹出窗体 var url = "http://www.baidu.com"; win=window.showModalDialog(url,window,"dialogLeft:400;dialogTop:200;dialogWidth:560px;dialogHeight:380px;scroll:yes;menubar:no;toolbar:no;status:no
document对象execCommand的command参数介绍
01-19
2D-Position 允许通过拖曳移动绝对定位的对象。  AbsolutePosition 设定元素的 position 属性为“absolute”(绝对)。  BackColor 设置或获取当前选中区的背景颜色。  BlockDirLTR 目前尚未支持。  BlockDirRTL 目前尚未支持。  Bold 切换当前选中区的粗体显示与否。  BrowseMode 目前尚未支持。  Copy 将当前选中区复制到剪贴板。  CreateBookmark 创建一个书签锚或获取当前选中区或插入点的书签锚的名称。  CreateLink 在当前选中区上插入超级链接，或显示一个对话框允许用户指定要为当
execCommand的完全参考(中文版)
热门推荐
吾欲乘风
10-17 1万+
execCommand的完全参考(中文版)document.execCommand(sCommand[,交互方式, 动态参数])2D-Position;document.execCommand("2D-Position","false","true");使绝对定位的对象可直接拖动;ie5.5AbsolutePosition;document.execCommand("AbsolutePositio
execCommand命令全集
吾欲乘风
10-17 4737
/* *该function执行copy指令 */function fn_doufucopy() {  edit.select(); document.execCommand(Copy);} /* *该function执行paste指令 */function fn_doufupaste() {  tt.focus(); document.execCommand(paste);} __>
JavaScript execCommand函数
最新发布
Python老吕的博客
06-04 1162
虽然在早期网页开发中扮演了重要角色，但由于其存在的问题和局限性，现在已不再推荐使用。相反，我们应该积极拥抱现代 Web API，利用它们提供的强大功能和灵活性来实现更优秀的编辑体验。通过不断学习和掌握新技术，我们可以不断推动网页编辑技术的发展和创新。👨‍💻博主Python老吕评论，您的举手之劳将对我提供了无限的写作动力！🤞') # 每日一码，使用Python跟世界说Hello,World!🔥《Python全栈工程师》《跟老吕学MySQL》《Python游戏开发实战讲解》🌞。
document.execCommand()函数可用参数
Fbote
09-17 118
[code="java"] JavaScript--execCommand指令集 Copy paste ...
使用execCommand实现简单的编辑器（关键是控制图片大小的技巧）
我们一起学前端
04-17 1737
效果 源码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http...
execCommand 命令详解
这里有个Blog
11-22 2113
document.execCommand()方法处理Html数据时常用语法格式如下: 复制内容到剪贴板 代码: document.execCommand(sCommand[,交互方式, 动态参数]) 其中：sCommand为指令参数（如下例中的”2D-Position”），交互方式参数如果是true的话将显示对话框，如果为false的话，则不显示对话框（下例中的”false”即表示不显示对话框）
深入解析document.execCommand()方法
`document.execCommand()` 是一个JavaScript中的函数，它允许在浏览器的可编辑区域内执行各种格式化操作，如设置文本样式、插入元素等。这个方法在富文本编辑器的实现中非常常见，因为它提供了对用户界面（如文本...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值