`

document.execCommand()函数可用参数

JavaScriptF# 
阅读更多 
<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>
分享到：
| 判断一个页面正在读取中，还没有完全打开
评论
发表评论

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

相关推荐

    cument.execCommand()用法深入理解

    `document.execCommand()` 是一个在浏览器环境中用于处理富文本编辑的命令函数，它允许你在用户交互或者脚本中改变文本的格式。这个方法主要用于富文本编辑器，如`&lt;contenteditable&gt;`元素或`&lt;textarea&gt;`元素，使得...

    JS粘贴文本到剪贴板

    首先，我们需要了解早期的`document.execCommand()`方法。这是一个在DOM上执行命令的函数，其中包括“copy”和“paste”命令。例如，当用户触发一个复制事件时，可以这样实现： ```javascript function copyText() ...

    兼容性强JS点击复制11111

    例如，检测`document.execCommand('copy')`是否可用，或者在没有`navigator.clipboard`时提供备用方案。 此外，`兼容性强JS点击复制`的标签暗示了这个功能不仅限于简单的数字复制，也可能涉及更复杂的文本处理，如...

    js 复制代码 兼容多种浏览器

    然而，随着技术的发展，现代浏览器引入了一些API来解决这个问题，比如`document.execCommand()`。这个命令在特定情况下可以用来执行复制操作，但它的兼容性并不理想，尤其是在旧版本的IE中。 为了实现跨浏览器的...

    chrome复制内容到剪贴板.rar

    这个压缩包很可能是为了分享一个JavaScript实现的解决方案，允许用户无需借助JavaScript API（如`document.execCommand('copy')`）就能在Chrome浏览器中轻松复制文本。 描述中提到，“不用调用js，几行js代码就能...

    js使用小技巧

    document.execCommand 窗体COOKIE document.cookie 菜单事件 document.oncontextmenu 创建元素 document.createElement("SPAN"); 根据鼠标获得元素： document.elementFromPoint(event.x,event.y).tagName...

    纯js实现复制文本并提示复制成功(干货)适用所有浏览器

    var copied = document.execCommand('copy'); ``` 5. **处理结果并提供反馈**：如果复制成功，我们可以给出提示。这里可以使用`alert`或者自定义的UI提示。 ```javascript if (copied) { alert('复制成功!'); } ...

    JS文本复制JS文本复制

    2. **定义复制函数**：创建一个名为`copyToClipboard`的函数，这个函数接收要复制的文本作为参数。 ```javascript function copyToClipboard(text) { // 检查Clipboard API是否可用 if (navigator.clipboard) { ...

    JS兼容性非常好的原生态实现文本复制与剪切插件clipboard.js.zip

    接下来，可以通过JavaScript配置参数，比如设置要复制的数据，或者监听复制成功或失败的回调函数。 3. **解决兼容性问题** 对于那些不支持`navigator.clipboard` API的浏览器，clipboard.js会回退到使用`document....

    clipboard复制文本或者隐藏域到剪切板,兼容ie.chrome.firefox

    对于不支持`navigator.clipboard`API的老版本浏览器，它会回退到使用`document.execCommand('copy')`，这在IE9及更高版本中可用。同时，它也支持最新的Chrome、Firefox、Safari以及Edge等浏览器。 4. **安全与隐私*...

    页面打开自动复制口令（不支持qq浏览器）.zip

    - 自动复制功能通常通过JavaScript实现，利用`document.execCommand('copy')`方法来触发复制操作。当用户在页面上进行任何交互（如点击）时，JavaScript代码会检测到这一事件并执行复制口令到剪贴板的操作。 2. **...

    无需Flash无需依赖任何JS库实现文本复制与剪切

    因此，在实际应用中，最好进行兼容性检查，并为不支持该API的浏览器提供备选方案，如使用旧的`document.execCommand()`方法（已被废弃，但仍然在一些老版本浏览器中可用）。 总的来说，通过理解和运用`Clipboard ...

    javascript页面跳转常用代码.pdf

    4. `document.execCommand('Refresh')`：在某些浏览器中，这个命令可以用来刷新页面，但不推荐使用，因为它可能在未来的浏览器版本中被废弃。 5. `window.navigate(location)`：这个方法在一些旧版IE浏览器中可用，...

    JS简单实现点击复制链接的方法

    在这个例子中，当用户点击“复制链接2”按钮时，会触发`onClick`事件，直接调用`select()`方法选中ID为`url`的输入框内的文本，然后执行`document.execCommand('Copy')`命令将选中的文本复制到剪贴板。 ### 注意...

    在现代浏览器中实现复制到粘贴板功能少于1KB

    早些时候，开发者可以使用`document.execCommand('copy')`来实现复制功能，但这种方法已经逐渐被淘汰，因为它的兼容性和可用性问题。 现在，我们可以利用`Clipboard API`来实现更稳定、更安全的复制功能。`...

    JavaScript刷新页面的几种方法总结

    在某些浏览器中，`document.execCommand()` 可以用于刷新页面，但不是所有浏览器都支持。 ```javascript document.execCommand('Refresh'); ``` 6. **`window.navigate(location)`** `window.navigate()` 方法...

    JS实现移动端点击按钮复制文本内容

    尽管`document.execCommand("Copy")`方法在一些旧的项目中仍然可见，但推荐使用`navigator.clipboard.writeText()`以确保更好的兼容性和稳定性。在实际开发中，还需要考虑各种浏览器的兼容性，以及添加适当的错误...

    JS复制对应id的内容到粘贴板（Ctrl+C效果）

    `getUrl`函数接收一个`id`参数，然后调用`copyToClipboard`函数，传入对应的`&lt;input&gt;`元素。`copyToClipboard`函数负责执行实际的复制操作。 1. 首先，根据`elem.tagName`判断是否为`INPUT`或`TEXTAREA`。如果是，...

    javascript 使用技巧

    对于HTML元素，可以通过`sourceIndex`属性获取其在`document.all`数组中的位置，但这仅在IE浏览器中可用。 #### 10. 滚动文档至窗口顶部或底部 使用`scrollIntoView()`方法可以将某个元素滚动至窗口可见区域，其中...

    刷新父窗口的多种方法

    window.parent.dialogArguments.document.execCommand('Refresh'); ``` 这里的`window.parent.dialogArguments`是指向父窗口传递的数据对象。`execCommand('Refresh')`是一个命令，它告诉浏览器刷新当前文档。需要...

Magicbox
Global site tag (gtag.js) - Google Analytics