html如何调用command,HTML DOM execCommand() 方法

最新推荐文章于 2021-06-07 17:08:02 发布
最新推荐文章于 2021-06-07 17:08:02 发布
阅读量272 收藏
点赞数
文章标签： html如何调用command

HTML DOM execCommand() 方法

execCommand()方法是执行一个对当前文档,当前选择或者给出范围的命令。

当HTML文档已切换到designMode时，其文档对象将使用execCommand方法来运行操作当前可编辑区域的命令。

大多数命令会影响文档的选择(粗体，斜体等)，而其他命令会插入新元素(添加链接)或影响整行(缩进)。

使用contentEditable时，execCommand()影响当前活动的editable元素。

语法：document.execCommand(commandName, showDefaultUI, valueArgument)

示例document.execCommand("bold");测试看看‹/›

浏览器兼容性

表中的数字指定了完全支持execCommand()方法的第一个浏览器版本：Method8a52e181155e76840cf02bf482182311.gif34eb413f6a7e85d2739dfc5f50e215bd.gifa3365342f73498abc96506d39b5fa102.gif9e7574e58467d7a85ce2472a6ee24733.gif56e0a8b93ed3960aeb70b9a9e721d1b4.gif

execCommand()是4129109

参数值参数描述

commandName一个字符串，指定要执行的命令的名称。

下面是可能的命令列表：

"backColor"

"bold"

"createLink"

"copy"

"cut"

"defaultParagraphSeparator"

"delete"

"fontName"

"fontSize"

"foreColor"

"formatBlock"

"forwardDelete"

"insertHorizontalRule"

"insertHTML"

"insertImage"

"insertLineBreak"

"insertOrderedList"

"insertParagraph"

"insertText"

"insertUnorderedList"

"justifyCenter"

"justifyFull"

"justifyLeft"

"justifyRight"

"outdent"

"paste"

"redo"

"selectAll"

"strikethrough"

"styleWithCss"

"superscript"

"undo"

"unlink"

"useCSS"

showDefaultUI一个布尔值，指示是否应显示默认用户界面

valueArgument对于需要输入参数的命令，是提供该信息的字符串。例如，insertImage需要插入图像的URL。

技术细节返回值：一个布尔值，如果不支持或禁用该命令，则为false

更多实例

更改所选文本的fontSize：

示例document.execCommand("fontSize", false, 7);测试看看‹/›

也可以看看

英论阁Enago科研作者服务
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
关于MSHTML、IHTMLDocument、Ihtmldocument2-5的区别及 document.execCommand方法详解
mengxiangde的博客
10-31 1351
  最近闲来无事，用vb.net做一个网页自动登录的小程序，里面需要输入验证码。涉及到验证码图片识别的问题，查了很多资料，参考了兄弟猿的一些资料，终于有了一个满意的结果。验证码识别率100%。一是怕忘记，方便自己以后查用，二是与大家分享，互勉提高，特记录在此。希望能有更有效的方法去实现验证码图片的识别。   （一）获取网页验证码图片 1、网页操作的基本知识 （1）MSHTML、Ihtmldocum...
html中的内容直接下载到excel中，替换 document.execCommand(‘saveAs’)方法
03-22
传统的做法是使用`document.execCommand('saveAs')`方法，但这个方法在某些现代浏览器中已被废弃，因此需要寻找替代方案。本篇文章将详细探讨如何在不依赖`execCommand('saveAs')`的情况下，实现HTML内容直接下载到...
html如何调用command,HTML DOM execCommand()用法及代码示例
weixin_33397740的博客
06-07 222
HTML DOM中的DOM execCommand()方法用于执行用户在可编辑所选部分上指定的命令。用法:document.execCommand( command, showUI, value )参数：此方法接受下面列出的三个参数：command:此参数保存在选定部分执行的命令的名称。 HTML中有许多命令，其中一些是：背景色，粗体，复制，剪切，删除等。showUI:它包含指示是否显示UI的布尔...
隐藏在暗处的方法--execCommand()
别把新手当傻子
06-02 380
document.execCommand()方法可用来执行很多我们无法实现的操作. 调用execCommand()可以实现浏览器菜单的很多功能. 如保存文件,打开新文件,撤消、重做操作...等等. 有了这个方法,就可以很容易的实现网页中的文本编辑器. 如果灵活运用,可以很好的辅助我们完成各种项目. 让我们看一下它的使用方法吧: [u][size=medium]document.ex...
HTML5中的execCommand命令
weixin_30268071的博客
08-21 197
HTML5中的execCommand命令 在html5中，可以通过execCommand方法来运行一条命令，每一条命令都将对用户通过鼠标所选取的内容执行一些操作。 1. execCommand方法 浏览器对execCommand方法执行命令有哪些区别？ 一：对可编辑页面或不可编辑页面的区别：firefox，chrome和safari浏览器只能针对可编辑的页面或可编辑的元素中的用户通过鼠标选...
格式化html文本转svg文本源代码
07-28
格式化的HTML文本转换成SVG文本源代码。利用contenteditable属性，div标签里...借助execCommand，div标签的字体样式可以动态调整。源代码中包含了计算HTML文本结构、判断换行等功能，生成跟HTML所见一模一样的SVG文本。
HTML上传控件取消选择
12-03
然而，需要注意的是，这种方法在现代浏览器中可能不再有效，因为它依赖于已经被废弃的`execCommand`API，因此这种方法在实际应用中可能存在兼容性问题，尤其是当`display`设置为`none`时，此方法无法正常工作。...
html下载本地
12-01
通过javascript 实现 index.html 下载文件 ####### temp.html //被下载文件  [removed] if (typeof... 去掉会一打开文件就弹出下载框 { document.execCommand(‘SaveAs’); window.close(); } [removed] 
html复制功能
06-21
在JavaScript中，可以使用`document.execCommand()`方法来实现文本的复制。例如，以下是一个简单的HTML按钮，当点击时会复制特定的文本： ```html 复制 这是需要复制的文本 document.getElementById('copyButton'...
html里js的execCommand的一点用法
weixin_30261095的博客
01-27 87
editorDoc.execCommand ('italic', false, null); 添加斜体 参考 http://help.dottoro.com/ljcvtcaw.php 转载于:https://www.cnblogs.com/silvestris/p/5163569.html
execCommand 处理Html数据
weixin_30808693的博客
07-27 345
代码： js: <script>var ue = UE.getEditor('w0'); //编辑器function insertHtml(val) { UE.getEditor('w0').execCommand('insertHtml', val); }ue.ready(function() { });</script> ...
html使用cmd调用exe,html – 如何将用户输入发送到cmd应用程序并获取输出结果？...
weixin_40009026的博客
06-07 763
CommandLine.hta的屏幕截图 因此,只需将此代码复制并粘贴到记事本或记事本上,并将其保存为CommandLine.hta并通过双重clic执行.注意：扩展名必须是.hta而不是.htmlExecution of command line with HTA by HackooAPPLICATIONNAME="Execution of command line with HTA by Ha...
js调用cmd命令行，执行后自动关闭命令窗口
02-12 1万+
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&gt; &lt;title&gt;测试php+js调用cmd命令行&lt;/title&gt;
利用contentEditable属性与execCommand方法开发简洁的文本编辑器
王翼鹏的博客
12-20 2770
在玉兔项目中我们的文本组件使用的contentEditable属性与execCommand方法结合开发出来的简洁文本编辑器。 HTML中的contentEditable属性 contentEditable属性的作用是可以打开某些元素的可编辑状态，可供选择的值有空字符串，true，false，inherit（默认）。 当一个元素的contentEditable值为true时
JavaScript中的execCommand()命令详解及实例展示
小猪的博客
05-17 1万+
execCommand方法是执行一个对当前文档，当前选择或者给出范围的命令。处理Html数据时常用如下格式：document.execCommand(sCommand[,交互方式, 动态参数]) ，其中：sCommand为指令参数（如下例中的”2D-Position”），交互方式参数如果是true的话将显示对话框，如果为false的话，则不显示对话框（下例中的”false”即表示不显示对话框），动...
JS execCommand 方法
学无止境
09-11 1万+
document.execCommand()方法处理Html数据时常用语法格式如下: 复制内容到剪贴板 代码: document.execCommand(sCommand[,交互方式, 动态参数]) 其中：sCommand为指令参数（如下例中的”2D-Position”），交互方式参数如果是true的话将显示对话框，如果为false的话，则不显示对话框（下例中的”false”即表示不显示对话框），
document.execCommand() 使用详细说明
热门推荐
lhrhi的专栏
01-05 4万+
最近在做一个HTML编辑器， 看了很多这方面的资料， 在这里要给大家分享的是 document.execCommand() 做HTML编辑器，这个命令用得很多的， 以下这个命令的解释： execCommand方法是执行一个对当前文档，当前选择或者给出范围的命令。处理Html数据时常用如下格式：document.execCommand(sCommand[,交互方式,动态参数])，其
纯html页面怎么做点击复制
最新发布
07-14
在纯 HTML 页面中，你可以使用 `document.execCommand("copy")` 方法来实现点击复制的功能。以下是一个示例代码： ```html <!DOCTYPE html> <html> <head> <title>点击复制示例</title> </head> <body> <button onclick="copyToClipboard()">点击复制</button> <script> function copyToClipboard() { const textToCopy = "要复制的文本"; const tempInput = document.createElement("input"); tempInput.setAttribute("value", textToCopy); document.body.appendChild(tempInput); tempInput.select(); document.execCommand("copy"); document.body.removeChild(tempInput); alert("已成功复制到剪贴板！"); } </script> </body> </html> ``` 在上面的代码中，我们创建了一个按钮，当点击按钮时，会调用 `copyToClipboard()` 函数。在该函数中，我们首先创建一个临时的 `<input>` 元素，并将要复制的文本设置为其值。然后，我们将该 `<input>` 元素添加到页面的 `<body>` 中。 接下来，我们通过调用 `select()` 方法选中文本，并使用 `document.execCommand("copy")` 方法将其复制到剪贴板。最后，我们从页面中移除临时 `<input>` 元素，并弹出一个提示框表示已成功复制。 请注意，`document.execCommand("copy")` 方法也不被所有浏览器完全支持，所以在实际使用中可能需要进行兼容性检查，并提供备用方法。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值