`
小杨学JAVA
  • 浏览: 900328 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

JavaScript的execCommand指令集

    博客分类:
  • js
 
阅读更多

JavaScript的execCommand指令集

 
  1. /*  
  2. *该function执行copy指令  
  3. */  
  4. function fn_doufucopy(){   
  5. edit.select();   
  6. document.execCommand('Copy');   
  7. }   
  8. /*  
  9. *该function执行paste指令  
  10. */  
  11. function fn_doufupaste() {    
  12. tt.focus();   
  13. document.execCommand('paste');   
  14. }    
  15. /*  
  16. *该function用来创建一个超链接  
  17. */  
  18. function fn_creatlink()   
  19. {   
  20.   document.execCommand('CreateLink',true,'true');//弹出一个对话框输入URL   
  21.   //document.execCommand('CreateLink',false,'http://www.51js.com');   
  22. }   
  23. /*  
  24. *该function用来将选中的区块设为指定的背景色  
  25. */  
  26. function fn_change_backcolor()   
  27. {   
  28.   document.execCommand('BackColor',true,'#FFbbDD');//true或false都可以   
  29. }   
  30. /*  
  31. *该function用来将选中的区块设为指定的前景色,改变选中区块的字体大小,改变字体,字体变粗变斜  
  32. */  
  33. function fn_change_forecolor()   
  34. {   
  35. //指定前景色   
  36. document.execCommand('ForeColor',false,'#BBDDCC');//true或false都可以   
  37. //指定背景色   
  38. document.execCommand('FontSize',false,7);   //true或false都可以   
  39. //字体必须是系统支持的字体   
  40. document.execCommand('FontName',false,'标楷体');   //true或false都可以   
  41. //字体变粗   
  42. document.execCommand('Bold');   
  43. //变斜体   
  44. document.execCommand('Italic');   
  45. }   
  46. /*  
  47. *该function用来将选中的区块加上不同的线条  
  48. */  
  49. function fn_change_selection()   
  50. {   
  51. //将选中的文字加下划线   
  52. document.execCommand('Underline');   
  53. //在选中的文字上划粗线   
  54. document.execCommand('StrikeThrough');   
  55. //将选中的部分文字变细   
  56. document.execCommand('SuperScript');   
  57. //将选中区块的下划线取消掉   
  58. document.execCommand('Underline');    
  59. }   
  60. /*  
  61.   *该function用来将选中的区块排成不同的格式  
  62.   */  
  63. function fn_format()   
  64. {   
  65. //有序列排列   
  66. document.execCommand('InsertOrderedList');   
  67. //实心无序列排列   
  68. document.execCommand('InsertUnorderedList');   
  69. //空心无序列排列   
  70. document.execCommand('Indent');   
  71. }   
  72. /*  
  73. *该function用来将选中的区块剪下或是删除掉  
  74. */  
  75. function fn_CutOrDel()   
  76. {   
  77. //删除选中的区块   
  78. //document.execCommand('Delete');   
  79. //剪下选中的区块   
  80. document.execCommand('Cut');   
  81. }   
  82. /*  
  83. *该function用来将选中的区块重设为一个相应的物件  
  84. */  
  85. function fn_InsObj()   
  86. {   
  87. /*  
  88.   ******************************************  
  89.   * 以下指令都是为选中的区块重设一个object;  
  90.   * 如没有特殊说明,第二个参数true或false是一样的;  
  91.   * 参数三表示为该object的id;  
  92.   * 可以用在javascript中通过其指定的id来控制它  
  93.   ******************************************  
  94. */  
  95. /*重设为一个button(InsertButton和InsertInputButtong一样,  
  96. 只不前者是button,后者是input)*/  
  97. /*document.execCommand('InsertButton',false,"aa"); //true或false无效  
  98. document.all.aa.value="风舞九天";*/  
  99. //重设为一个fieldset   
  100. /*document.execCommand('InsertFieldSet',true,"aa");  
  101. document.all.aa.innerText="刀剑如梦";*/  
  102. //插入一个水平线   
  103. //document.execCommand('InsertHorizontalRule',true,"aa");   
  104. //插入一个iframe   
  105. //document.execCommand('InsertIFrame',true,"aa");   
  106. //插入一个InsertImage,设为true时需要图片,false时不需图片   
  107. //document.execCommand('InsertImage',false,"aa");   
  108. //插入一个checkbox   
  109. //document.execCommand('InsertInputCheckbox',true,"aa");   
  110. //插入一个file类型的object   
  111. //document.execCommand('InsertInputFileUpload',false,"aa");   
  112. //插入一个hidden   
  113. /*document.execCommand('InsertInputHidden',false,"aa");  
  114. alert(document.all.aa.id);*/  
  115. //插入一个InputImage   
  116. /*document.execCommand('InsertInputImage',false,"aa");  
  117. document.all.aa.src="F-a10.gif";*/  
  118. //插入一个Password   
  119. //document.execCommand('InsertInputPassword',true,"aa");   
  120. //插入一个Radio   
  121. //document.execCommand('InsertInputRadio',false,"aa");   
  122. //插入一个Reset   
  123. //document.execCommand('InsertInputReset',true,"aa");   
  124. //插入一个Submit   
  125. //document.execCommand('InsertInputSubmit',false,"aa");   
  126. //插入一个input text   
  127. //document.execCommand('InsertInputText',false,"aa");   
  128. //插入一个textarea   
  129. //document.execCommand('InsertTextArea',true,"aa");   
  130. //插入一个 select list box   
  131. //document.execCommand('InsertSelectListbox',false,"aa");   
  132. //插入一个single select   
  133. //document.execCommand('InsertSelectDropdown',true,"aa");   
  134. //插入一个line break(硬回车??)   
  135. //document.execCommand('InsertParagraph');   
  136. //插入一个marquee   
  137. /*document.execCommand('InsertMarquee',true,"aa");  
  138. document.all.aa.innerText="bbbbb";*/  
  139. //用于取消选中的阴影部分   
  140. //document.execCommand('Unselect');   
  141. //选中页面上的所有元素   
  142. //document.execCommand('SelectAll');   
  143. }   
  144. /*  
  145. *该function用来将页面保存为一个文件  
  146. */  
  147. function fn_save()   
  148. {   
  149. //第二个参数为欲保存的文件名   
  150. document.execCommand('SaveAs','mycodes.txt');   
  151. //打印整个页面   
  152. //document.execCommand('print');   

 

转:http://www.cnblogs.com/top5/archive/2011/07/04/2097809.html

分享到:
评论

相关推荐

    execCommand指令集详解

    execCommand指令集详解,javascript进阶是常用的参考资料

    javascript 的execCommand和操作剪贴板

    javascript 的execCommand和操作剪贴板的收集

    javascript js 技巧集

    ### JavaScript JS技巧集详解 #### 一、事件源对象 在JavaScript中,处理用户与页面交互的核心机制之一就是事件处理。对于DOM事件来说,获取触发事件的元素是至关重要的。 **1. `event.srcElement.tagName`** - ...

    document.execCommand()的用法

    ### document.execCommand()详解 `document.execCommand()`是HTML文档对象模型(DOM)中的一个方法,用于执行浏览器的编辑命令,这些命令可以控制文本样式、布局、剪贴板操作等。此方法在早期的Web开发中被广泛使用...

    javascript的命令大全(打印,下载,收藏,使用 记事本 编辑等)

    根据给定文件的信息,我们可以总结出一系列与JavaScript相关的实用命令及其用法,这些命令涵盖了页面操作、编辑功能、浏览管理等多个方面。下面是针对文件中提到的各知识点的详细解释: ### 一、打开命令(Open ...

    在JavaScript中如何解决用execCommand(

    在Web开发中,经常需要实现将页面中的内容保存到用户的本地设备上的功能,这通常可以通过JavaScript中的execCommand命令实现,特别是使用"SaveAs"命令。然而,由于浏览器的兼容性问题,这种方法并不总是有效的。在IE...

    javascript 实现页面打印

    JavaScript 实现页面打印 ...使用 JavaScript 实现页面打印可以使用 ExecWB() 函数、document.execCommand() 函数和 window.print() 函数这三种方法。每种方法都有其特点和优缺点,选择哪种方法取决于具体的应用场景。

    Javascript效果总结(包含绝大多数Javascript效果和常用的Javascript功能)

    JavaScript是Web开发中不可或缺的一部分,尤其对于实现网页交互和动态效果有着至关重要的作用。这篇文档汇总了多种JavaScript效果和常用功能,旨在为开发者提供便利,帮助他们在实际项目中快速找到和应用所需的效果...

    用javascript做的文本编辑器

    ### 二、JavaScript中的`document.execCommand()`方法 `document.execCommand()`是浏览器提供的一种用于执行常见的编辑命令的方法,这些命令通常可以在浏览器的标准上下文菜单中找到。此方法可以实现如复制、粘贴、...

    document.execCommand()解析

    《document.execCommand()解析》 在前端开发中,我们经常需要与用户进行交互,比如编辑文本、复制粘贴等操作。这些操作在浏览器环境中可以通过`document.execCommand()`方法实现。这个函数是HTML5引入的一个非常...

    javascript document.execCommand() 常用解析

    现代Web开发推荐使用更标准的DOM操作方法或CSS样式来达到相似的效果,例如直接操作DOM元素的样式属性或通过JavaScript来修改DOM结构和内容。 对于那些依然需要兼容旧浏览器的项目,使用`document.execCommand()`...

    html中的内容直接下载到excel中,替换 document.execCommand(‘saveAs’)方法

    传统的做法是使用`document.execCommand('saveAs')`方法,但这个方法在某些现代浏览器中已被废弃,因此需要寻找替代方案。本篇文章将详细探讨如何在不依赖`execCommand('saveAs')`的情况下,实现HTML内容直接下载到...

    javascript 实现压缩文件夹

    使用JavaScript操作文件系统对象(File System Object, FSO) 在示例代码中,通过 `new ActiveXObject('Scripting.FileSystemObject')` 创建了一个文件系统对象实例。这允许脚本与本地文件系统进行交互,执行诸如...

    Blink in JavaScript

    文档还通过一些例子,如XSLT、编辑命令execCommand()、编辑APIs、ScriptRegexp、Node.normalize()和DOMWindow.atob()/btoa()来说明哪些DOM特性可以从C++转移到JavaScript实现。 Blink-in-JavaScript的目标是改善...

    javascript调用

    JavaScript是一种广泛应用于网页和网络应用的编程语言,尤其在客户端脚本方面,它极大地丰富了用户的交互体验。本文将深入探讨JavaScript调用的相关知识点,帮助您理解和应用这些特效。 一、JavaScript基本概念 ...

    【JavaScript源代码】8个非常实用的Vue自定义指令.docx

    实现逻辑是动态创建一个`<textarea>`元素,设置其为只读并置于屏幕外,将要复制的内容填入`<textarea>`,然后选中内容并执行`document.execCommand('Copy')`来实现复制。完成后,移除`<textarea>`,确保页面整洁。 ...

    JavaScript代码大全

    对于表单的操作,书中讨论了如何使用document.execCommand执行窗体命令,获取和设置cookie(document.cookie),以及如何操作下拉框、获取窗体元素、绑定窗体事件等。其中,下拉框操作涉及了下拉框选项的访问和长度...

    JavaScript中一些常用的小技巧

    在JavaScript编程中,掌握一些常用的小技巧可以极大地提高开发效率和代码质量。以下是一些从网络上整合的实用技巧,特别适合初学者学习。 1. 事件源对象:`event.srcElement` 可以获取触发事件的元素,而 `event....

    使用JavaScript保存文本文件到本地的两种方法

    第一种方法是通过JavaScript打开一个新的浏览器窗口,并使用该窗口的document对象来写入需要保存的HTML内容,然后调用document的execCommand("SaveAs")方法来触发浏览器的文件下载功能。具体步骤如下: 1. 使用...

Global site tag (gtag.js) - Google Analytics