<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>
<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>
<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>
http://blog.163.com/bin_li2009/blog/static/128148833200910123018326/
分享到：
相关推荐
《document.execCommand()解析》 在前端开发中，我们经常需要与用户进行交互，比如编辑文本、复制粘贴等操作。这些操作在浏览器环境中可以通过`document.execCommand()`方法实现。这个函数是HTML5引入的一个非常...
这种方法利用了`document.execCommand`API，它允许执行一系列编辑命令（如复制、剪切等）。此API已经被浏览器逐步弃用，但在某些情况下仍可使用。以下是具体实现步骤： 1. **创建一个隐藏的输入框**：用于放置待...
这段代码使用`$(document).ready()`函数确保在DOM加载完成后执行。当用户点击按钮时，通过`$('button').click()`监听按钮的点击事件。事件触发后，首先使用`$('input').trigger('select')`选择输入框内的所有文本，...
- **`document.execCommand('FontSize',false,fs)`**：改变选中文本的字体大小。 这些命令主要用于富文本编辑器中，使得用户能够轻松地编辑和格式化文本内容。 #### 结论 通过上述介绍可以看出，`<input>`按钮...
`document.execCommand()` 是一个在浏览器环境中用于处理富文本编辑的命令函数，它允许你在用户交互或者脚本中改变文本的格式。这个方法主要用于富文本编辑器，如`<contenteditable>`元素或`<textarea>`元素，使得...
首先，我们需要了解早期的`document.execCommand()`方法。这是一个在DOM上执行命令的函数，其中包括“copy”和“paste”命令。例如，当用户触发一个复制事件时，可以这样实现： ```javascript function copyText() ...
该方法依赖于浏览器支持document.execCommand函数，这是一个能够对文档执行命令的函数，其中"SaveAs"命令是让浏览器提供保存文件的对话框。 3. 关于使用JavaScript保存文件到本地的注意事项和限制。首先，浏览器的...
在微信浏览器中，我们可以利用`document.execCommand()`方法来执行复制操作。这个方法是HTML5引入的一个命令接口，可以执行像复制、剪切和粘贴这样的基本文本操作。例如： ```javascript function copyText() { ...
JavaScript 实现页面打印 ...使用 JavaScript 实现页面打印可以使用 ExecWB() 函数、document.execCommand() 函数和 window.print() 函数这三种方法。每种方法都有其特点和优缺点，选择哪种方法取决于具体的应用场景。
在IE中，我们可以利用`document.execCommand()`方法，这是一个非标准但广泛支持的方法，用于执行与文档内容相关的命令，如“copy”。下面是一个使用`execCommand()`实现复制的例子： ```javascript function ...
在不支持`navigator.clipboard` API的老版本浏览器中，我们可以使用`document.execCommand()`方法。这个命令允许我们在文档中执行一些基本的富文本编辑操作，如“copy”和“paste”。例如，当你点击一个按钮时，...
1. **`document.execCommand()`**：这是一个已经被废弃的方法，但在某些场景下仍然有用。它可以执行一系列预定义的编辑命令，如复制、粘贴等。其中 `SaveAs` 命令可以用于保存当前文档。 2. **事件处理程序**：如 `...
早期的实现依赖于`document.execCommand()`方法，但这个方法已经被废弃，并不推荐使用。现代浏览器通常支持`Clipboard API`，它提供了更安全、更可控的方式来处理剪切板操作。 `Clipboard API`包括`navigator....
`document.createRange`和`window.getSelection`用于创建和设置选区，最后`document.execCommand('copy')`执行复制操作。 这个压缩包里的其他文件可能包含了更详细的示例和源码。例如，`index.html`很可能是实现...
在桌面环境中，我们可以直接使用`document.execCommand('copy')`来复制文本，但在移动浏览器中，这种方法并不总是有效，因为大多数现代浏览器已经逐渐废弃了`execCommand`方法。 在移动设备上，一种常见的实现方式...
- **浏览器兼容性**：在实际开发中，由于 `document.selection.createRange()` 和 `document.execCommand` 都存在一定的浏览器兼容性问题，因此在现代Web开发中通常会使用更稳定的方法来实现类似的功能，比如使用 ...
绑定窗体事件可以通过直接给对象的事件属性赋函数来实现，例如document.onmousedown=scrollwindow;。 通过document.all.xxx.detachEvent()方法可以取消之前绑定的事件。typeof($js_libpath)=="undefined"用于检查...
- `document.execCommand`：执行文档编辑命令，如剪切、复制、粘贴等。 - `document.oncontextmenu`：阻止默认的右键菜单。 - `document.createElement("SPAN")`：动态创建新的HTML元素。 - `document....
Chrome浏览器支持`execCommand()`方法，这是一个在文档上执行命令的全局函数。我们可以利用它来实现复制和粘贴。例如，创建一个按钮，当点击时执行复制操作： ```html <button id="copy-btn">Copy Text 这是一...
3. **窗体元素与Cookie**：通过`document.forms`可以访问窗体元素，`document.execCommand`执行特定的命令，如复制、粘贴等。`document.cookie`用于读写Cookie。例如，设置Cookie为`document.cookie = "key=value; ...