<div class="codetitle"> <span><a style="CURSOR: pointer" data="94572" class="copybut" id="copybut94572" onclick="doCopy('code94572')"><u>复制代码</u></a></span> 代码如下:</div> <div class="codebody" id="code94572"> <br>D-Position 允许通过拖曳移动绝对定位的对象。 <br>AbsolutePosition 设定元素的 position 属性为“absolute”(绝对)。 <br>BackColor 设置或获取当前选中区的背景颜色。 <br>BlockDirLTR 目前尚未支持。 <br>BlockDirRTL 目前尚未支持。 <br>Bold 切换当前选中区的粗体显示与否。 <br>BrowseMode 目前尚未支持。 <br>Copy 将当前选中区复制到剪贴板。 <br>CreateBookmark 创建一个书签锚或获取当前选中区或插入点的书签锚的名称。 <br>CreateLink 在当前选中区上插入超级链接,或显示一个对话框允许用户指定要为当前选中区插入的超级链接的 URL。 <br>Cut 将当前选中区复制到剪贴板并删除之。 <br>Delete 删除当前选中区。 <br>DirLTR 目前尚未支持。 <br>DirRTL 目前尚未支持。 <br>EditMode 目前尚未支持。 <br>FontName 设置或获取当前选中区的字体。 <br>FontSize 设置或获取当前选中区的字体大小。 <br>ForeColor 设置或获取当前选中区的前景(文本)颜色。 <br>FormatBlock 设置当前块格式化标签。 <br>Indent 增加选中文本的缩进。 <br>InlineDirLTR 目前尚未支持。 <br>InlineDirRTL 目前尚未支持。 <br>InsertButton 用按钮控件覆盖当前选中区。 <br>InsertFieldset 用方框覆盖当前选中区。 <br>InsertHorizontalRule 用水平线覆盖当前选中区。 <br>InsertIFrame 用内嵌框架覆盖当前选中区。 <br>InsertImage 用图像覆盖当前选中区。 <br>InsertInputButton 用按钮控件覆盖当前选中区。 <br>InsertInputCheckbox 用复选框控件覆盖当前选中区。 <br>InsertInputFileUpload 用文件上载控件覆盖当前选中区。 <br>InsertInputHidden 插入隐藏控件覆盖当前选中区。 <br>InsertInputImage 用图像控件覆盖当前选中区。 <br>InsertInputPassword 用密码控件覆盖当前选中区。 <br>InsertInputRadio 用单选钮控件覆盖当前选中区。 <br>InsertInputReset 用重置控件覆盖当前选中区。 <br>InsertInputSubmit 用提交控件覆盖当前选中区。 <br>InsertInputText 用文本控件覆盖当前选中区。 <br>InsertMarquee 用空字幕覆盖当前选中区。 <br>InsertOrderedList 切换当前选中区是编号列表还是常规格式化块。 <br>InsertParagraph 用换行覆盖当前选中区。 <br>InsertSelectDropdown 用下拉框控件覆盖当前选中区。 <br>InsertSelectListbox 用列表框控件覆盖当前选中区。 <br>InsertTextArea 用多行文本输入控件覆盖当前选中区。 <br>InsertUnorderedList 切换当前选中区是项目符号列表还是常规格式化块。 <br>Italic 切换当前选中区斜体显示与否。 <br>JustifyCenter 将当前选中区在所在格式化块置中。 <br>JustifyFull 目前尚未支持。 <br>JustifyLeft 将当前选中区所在格式化块左对齐。 <br>JustifyNone 目前尚未支持。 <br>JustifyRight 将当前选中区所在格式化块右对齐。 <br>LiveResize 迫使 MSHTML 编辑器在缩放或移动过程中持续更新元素外观,而不是只在移动或缩放完成后更新。 <br>MultipleSelection 允许当用户按住 Shift 或 Ctrl 键时一次选中多于一个站点可选元素。 <br>Open 打开。 <br>Outdent 减少选中区所在格式化块的缩进。 <br>OverWrite 切换文本状态的插入和覆盖。 <br>Paste 用剪贴板内容覆盖当前选中区。 <br>PlayImage 目前尚未支持。 <br>Print 打开打印对话框以便用户可以打印当前页。 <br>Redo 重做。 <br>Refresh 刷新当前文档。 <br>RemoveFormat 从当前选中区中删除格式化标签。 <br>RemoveParaFormat 目前尚未支持。 <br>SaveAs 将当前 Web 页面保存为文件。 <br>SelectAll 选中整个文档。 <br>SizeToControl 目前尚未支持。 <br>SizeToControlHeight 目前尚未支持。 <br>SizeToControlWidth 目前尚未支持。 <br>Stop 停止。 <br>StopImage 目前尚未支持。 <br>StrikeThrough 目前尚未支持。 <br>Subscript 目前尚未支持。 <br>Superscript 目前尚未支持。 <br>UnBookmark 从当前选中区中删除全部书签。 <br>Underline 切换当前选中区的下划线显示与否。 <br>Undo 撤消。 <br>Unlink 从当前选中区中删除全部超级链接。 <br>Unselect 清除当前选中区的选中状态。<br><HTML> <br><HEAD> <br><TITLE>JavaScript--execCommand指令集</TITLE> <br><SCRIPT LANGUAGE="javascript"> <br><!-- <BR>/* <BR>*该function执行copy指令 <BR>*/ <BR>function fn_doufucopy(){ <BR>edit.select(); <BR>document.execCommand('Copy'); <BR>} <BR>/* <BR>*该function执行paste指令 <BR>*/ <BR>function fn_doufupaste() { <BR>tt.focus(); <BR>document.execCommand('paste'); <BR>} <BR>/* <BR>*该function用来创建一个超链接 <BR>*/ <BR>function fn_creatlink() <BR>{ <BR>document.execCommand('CreateLink',true,'true');//弹出一个对话框输入URL <BR>//document.execCommand('CreateLink',false,'http://www.51js.com'); <BR>} <BR>/* <BR>*该function用来将选中的区块设为指定的背景色 <BR>*/ <BR>function fn_change_backcolor() <BR>{ <BR>document.execCommand('BackColor',true,'#FFbbDD');//true或false都可以 <BR>} <BR>/* <BR>*该function用来将选中的区块设为指定的前景色,改变选中区块的字体大小,改变字体,字体变粗变斜 <BR>*/ <BR>function fn_change_forecolor() <BR>{ <BR>//指定前景色 <BR>document.execCommand('ForeColor',false,'#BBDDCC');//true或false都可以 <BR>//指定背景色 <BR>document.execCommand('FontSize',false,7); //true或false都可以 <BR>//字体必须是系统支持的字体 <BR>document.execCommand('FontName',false,'标楷体'); //true或false都可以 <BR>//字体变粗 <BR>document.execCommand('Bold'); <BR>//变斜体 <BR>document.execCommand('Italic'); <BR>} <BR>/* <BR>*该function用来将选中的区块加上不同的线条 <BR>*/ <BR>function fn_change_selection() <BR>{ <BR>//将选中的文字加下划线 <BR>document.execCommand('Underline'); <BR>//在选中的文字上划粗线 <BR>document.execCommand('StrikeThrough'); <BR>//将选中的部分文字变细 <BR>document.execCommand('SuperScript'); <BR>//将选中区块的下划线取消掉 <BR>document.execCommand('Underline'); <BR>} <BR>/* <BR>*该function用来将选中的区块排成不同的格式 <BR>*/ <BR>function fn_format() <BR>{ <BR>//有序列排列 <BR>document.execCommand('InsertOrderedList'); <BR>//实心无序列排列 <BR>document.execCommand('InsertUnorderedList'); <BR>//空心无序列排列 <BR>document.execCommand('Indent'); <BR>} <BR>/* <BR>*该function用来将选中的区块剪下或是删除掉 <BR>*/ <BR>function fn_CutOrDel() <BR>{ <BR>//删除选中的区块 <BR>//document.execCommand('Delete'); <BR>//剪下选中的区块 <BR>document.execCommand('Cut'); <BR>}<BR>/* <BR>*该function用来将选中的区块重设为一个相应的物件 <BR>*/ <BR>function fn_InsObj() <BR>{ <BR>/* <BR>****************************************** <BR>* 以下指令都是为选中的区块重设一个object; <BR>* 如没有特殊说明,第二个参数true或false是一样的; <BR>* 参数三表示为该object的id; <BR>* 可以用在javascript中通过其指定的id来控制它 <BR>****************************************** <BR>*/ <BR>/*重设为一个button(InsertButton和InsertInputButtong一样, <BR>只不前者是button,后者是input)*/ <BR>/*document.execCommand('InsertButton',false,"aa"); //true或false无效 <BR>document.all.aa.value="风舞九天";*/ <BR>//重设为一个fieldset <BR>/*document.execCommand('InsertFieldSet',true,"aa"); <BR>document.all.aa.innerText="刀剑如梦";*/ <BR>//插入一个水平线 <BR>//document.execCommand('InsertHorizontalRule',true,"aa"); <BR>//插入一个iframe <BR>//document.execCommand('InsertIFrame',true,"aa"); <BR>//插入一个InsertImage,设为true时需要图片,false时不需图片 <BR>//document.execCommand('InsertImage',false,"aa"); <BR>//插入一个checkbox <BR>//document.execCommand('InsertInputCheckbox',true,"aa"); <BR>//插入一个file类型的object <BR>//document.execCommand('InsertInputFileUpload',false,"aa"); <BR>//插入一个hidden <BR>/*document.execCommand('InsertInputHidden',false,"aa"); <BR>alert(document.all.aa.id);*/ <BR>//插入一个InputImage <BR>/*document.execCommand('InsertInputImage',false,"aa"); <BR>document.all.aa.src="F-a10.gif";*/ <BR>//插入一个Password <BR>//document.execCommand('InsertInputPassword',true,"aa"); <BR>//插入一个Radio <BR>//document.execCommand('InsertInputRadio',false,"aa"); <BR>//插入一个Reset <BR>//document.execCommand('InsertInputReset',true,"aa"); <BR>//插入一个Submit <BR>//document.execCommand('InsertInputSubmit',false,"aa"); <BR>//插入一个input text <BR>//document.execCommand('InsertInputText',false,"aa"); <BR>//插入一个textarea <BR>//document.execCommand('InsertTextArea',true,"aa"); <BR>//插入一个 select list box <BR>//document.execCommand('InsertSelectListbox',false,"aa"); <BR>//插入一个single select <BR>document.execCommand('InsertSelectDropdown',true,"aa"); <BR>//插入一个line break(硬回车??) <BR>//document.execCommand('InsertParagraph'); <BR>//插入一个marquee <BR>/*document.execCommand('InsertMarquee',true,"aa"); <BR>document.all.aa.innerText="bbbbb";*/ <BR>//用于取消选中的阴影部分 <BR>//document.execCommand('Unselect'); <BR>//选中页面上的所有元素 <BR>//document.execCommand('SelectAll'); <BR>} <BR>/* <BR>*该function用来将页面保存为一个文件 <BR>*/ <BR>function fn_save() <BR>{ <BR>//第二个参数为欲保存的文件名 <BR>document.execCommand('SaveAs','mycodes.txt'); <BR>//打印整个页面 <BR>//document.execCommand('print'); <BR>}<BR>--> <br></SCRIPT> <br></HEAD> <br><body> <br><input id="edit" value="范例" NAME="edit"><br> <br><button onclick="fn_doufucopy()" ID="Button1">Copy</button> <button onclick="fn_doufupaste()" ID="Button2"> <br>paste</button><br> <br><textarea id="tt" rows="10" cols="50" NAME="tt"></textarea> <br><hr> <br><br> <br>浮沉聚散变化又再,但是总可卷土重来.<br> <br>天若有情天亦老,人间正道是沧桑.<br> <br>都怪我,太执着,却也等不到花开叶落.<br> <br><br> <br>Please select above letters, then click following buttons:<br> <br><hr> <br><input type="button" value="创建CreateLink" onclick="fn_creatlink()" ID="Button3" NAME="Button3"><br> <br><input type="button" value="改变文字背景色" onclick="fn_change_backcolor()" ID="Button4" NAME="Button4"><br> <br><input type="button" value="改变文字前景色" onclick="fn_change_forecolor()" ID="Button5" NAME="Button5"><br> <br><input type="button" value="给文字加线条" onclick="fn_change_selection()" ID="Button6" NAME="Button6"><br> <br><input type="button" value="改变文字的排列" onclick="fn_format()" ID="Button7" NAME="Button7"><br> <br><input type="button" value="删除或剪下选中的部分" onclick="fn_CutOrDel()" ID="Button8" NAME="Button8"><br> <br><input type="button" value="插入Object" onclick="fn_InsObj()" ID="Button9" NAME="Button9"><br> <br><input type="button" value="保存或打印文件" onclick="fn_save()" ID="Button10" NAME="Button10"><br> <br><input type="button" value="测试Refresh属性" onclick="document.execCommand('Refresh')" ID="Button11" <BR>NAME="Button11"> <br></body> <br></HTML> <br>普通的方式是激活一个<iframe>进入编辑状态,命令如下 <br>IframeNamer.document.designMode="On" <br>字体--宋体、黑体、楷体等 <br>execCommand("fontname","",字体) <br>字号--字号大小 <br>execCommand("fontsize","",字号) <br>加重 <br>execCommand("Bold") <br>斜体 <br>execCommand("Italic") <br>下划线 <br>execCommand("Underline") <br>删除线 <br>execCommand("StrikeThrough") <br>上标 <br>execCommand("SuperScript") <br>下标 <br>execCommand("SubScript") <br>有序排列--数字序号 <br>execCommand("InsertOrderedList") <br>无序排列--圆点序号 <br>execCommand("InsertUnorderedList") <br>向前缩进 <br>execCommand("Outdent") <br>向后缩进 <br>execCommand("Indent") <br>居左 <br>execCommand("JustifyLeft") <br>居右 <br>execCommand("JustifyRight") <br>居中 <br>execCommand("JustifyCenter") <br>剪切 <br>execCommand("Cut") <br>拷贝 <br>execCommand("Copy") <br>粘贴 <br>execCommand("Paste") <br>覆盖 <br>execCommand("Overwrite") <br>取消操作--IE5.0以后可以无限取消 <br>execCommand("Undo") <br>重复操作 <br>execCommand("Redo") <br>设置链接--若按以下写法,在IE5.0版本中会激活一个内建窗口,可以完成输入链接的功能,而且还可以选择MAILTO、FTP等各种链接类型,比较方便 <br>execCommand("CreateLink") <br>在IE4.0中,没有内建链接输入窗口,所以就需要用以下方式嵌入链接 <br>execCommand("CreateLink","",TURL) <br>插入图片--由于IE中嵌入的可编控件是针对本地资源的,所以其默认的图片资源来自本地,所以基于WEB内容的编辑最好自己做输入框,然后用如下命令实现。 <br>execCommand("InsertImage","",ImgURL) <br>字体颜色 <br>execCommand("ForeColor","",CColor) <br> </div>