`
lbyzx123
  • 浏览: 476237 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

JavaScript--execCommand指令集

 
阅读更多 
<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 onclick="fn_doufucopy()" ID="Button1">Copy</button> <button onclick="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" onclick="fn_creatlink()" ID="Button3" NAME="Button3"><br>

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

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

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

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

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

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

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

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

              NAME="Button11">

     </body>

</HTML>

 

分享到：
| ext4 VTypes扩展
评论
发表评论

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

相关推荐

    execCommand指令集详解

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

    javascript-document对象详解(下).zip

    `document`对象还包含事件处理，如`document.addEventListener`用于注册事件监听器，以及`document.execCommand`用于执行某些富文本编辑操作。可能还会涉及`document.readyState`，它表示文档加载状态，以及`...

    javascript-history.go()和History.back()的区分_.docx

    - `document.execCommand('Refresh')` - `window.navigate(location)` - `location.replace(location)` - `document.URL=location.href` 这些方法都可以用来刷新当前页面，具体选择哪一种取决于实际需求和兼容...

    javascript 的execCommand和操作剪贴板

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

    Javascript-siteLock:Javascript网站锁

    siteLock可以通过覆盖`document.execCommand`方法来禁用这一功能，因为这个方法常用于执行像“复制”、“粘贴”这样的命令。此外，还可以监听`selectstart`和`mouseup`事件，阻止文本选择。 4. 页面打印防护：...

    Blink in JavaScript

    文档中还提及了Blink-in-JavaScript的几个目标，包括能够基于现有JavaScript API轻松实现的高级DOM特性，应该从C++中分离出来的不受欢迎的DOM特性，即将被废弃的DOM特性，以及不久将来可能在C++中实现的特性（即...

    document.execCommand()的用法

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

    在JavaScript中如何解决用execCommand(

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

    用javascript做的文本编辑器

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

    javascript js 技巧集

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

    javascript的命令大全（打印，下载，收藏，使用 记事本 编辑等）

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

    javascript document.execCommand() 常用解析

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

    javascript 实现页面打印

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

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

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

    password-generater:这个基于JavaScript的密码生成器项目

    - **javascript-copy**：利用JavaScript的复制功能，如Document.execCommand('copy')，实现密码的无痛复制到剪贴板。 5. **CSS3**： CSS3在该项目中用于美化界面，创建动画效果，设置布局和样式，使密码生成器看...

    document.execCommand()解析

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

    JavaScript实现html网页的下载

    &lt;button onclick="javascript:document.execCommand('SaveAs');"&gt;下载页面 ``` 这段代码展示了两种不同的实现方式： - **方式一（通过 `&lt;a&gt;` 标签）**： - 使用 `&lt;a&gt;` 标签创建了一个链接，设置 `href` 属性为 `#...

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

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

    javascript 实现压缩文件夹

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

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