<HTML><?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />
<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>
