精品影视,欧美日韩国产一区国产二区,国产妇女馒头高清泬20p多毛

WebOffice入門教程：Hello World!（二）設(shè)計(jì)WebOffice控件加載頁(yè)

轉(zhuǎn)帖|使用教程|編輯：莫成敏|2020-04-14 14:27:18.460|閱讀 423 次

概述：WebOffice控件是國(guó)內(nèi)領(lǐng)先的在線編輯Office文檔軟件，軟件產(chǎn)品從1998年立項(xiàng)至今已有20多年歷史，期間服務(wù)了眾多大中小型企業(yè)、各級(jí)政府機(jī)關(guān)、科研機(jī)構(gòu)和學(xué)校等事業(yè)單位。本文介紹了WebOffice入門教程，Hello World!

# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

相關(guān)鏈接：

WebOffice控件是國(guó)內(nèi)領(lǐng)先的在線編輯Office文檔軟件，軟件產(chǎn)品從1998年立項(xiàng)至今已有20多年歷史，期間服務(wù)了眾多大中小型企業(yè)、各級(jí)政府機(jī)關(guān)、科研機(jī)構(gòu)和學(xué)校等事業(yè)單位。通過(guò)WebOffice軟件可以讓用戶方便從遠(yuǎn)程直接打開(kāi)Word、Excel、Ppt等文檔編輯后再次保存至服務(wù)器原位置，實(shí)現(xiàn)遠(yuǎn)程編輯文檔、遠(yuǎn)程保存，為用戶在線辦公開(kāi)創(chuàng)新式、便捷的使用體驗(yàn)。

點(diǎn)擊下載WebOffice正式版

本教程介紹了WebOffice打開(kāi)一個(gè)服務(wù)器文檔，一共分為四個(gè)步驟：

WebOffice控件下載與注冊(cè)
生成兩個(gè)html文檔
設(shè)計(jì)啟動(dòng)頁(yè)(index.html)
設(shè)計(jì)WebOffice控件加載頁(yè)(edit.html)（本文內(nèi)容，緊接前文）

四、設(shè)計(jì)WebOffice控件加載頁(yè)(edit.html)

1、為了讓edit.html能正確加載WebOffice,執(zhí)行如下操作：

編寫html結(jié)構(gòu)代碼：

<html>
<head>
<title></title>
</head>
<body> 
</body>
</html>

2、引入WebOffice對(duì)象

請(qǐng)將如下代碼復(fù)制到edit.html代碼body標(biāo)簽之后:

<script language="javascript">
if (!!window.ActiveXObject || "ActiveXObject" in window){
document.write('<object classid="clsid:FF09E4FA-BFAA-486E-ACB4-86EB0AE875D5" codebase="WebOffice.ocx#Version=2019,1,7,3" id="WebOffice" width="900" height="500" >');
document.write('</object>');}
else
{
document.write('<object id="WebOffice" CLSID="{FF09E4FA-BFAA-486E-ACB4-86EB0AE875D5}" TYPE="application/x-itst-activex"  width=100% height=900></object>');
}
</script>

完成后,如下

<html>
<head>
<title></title>
</head>
<body>
<script language="javascript">
if (!!window.ActiveXObject || "ActiveXObject" in window){
document.write('<object classid="clsid:FF09E4FA-BFAA-486E-ACB4-86EB0AE875D5" codebase="WebOffice.ocx#Version=2019,1,7,3" id="WebOffice" width="900" height="500" >');
document.write('</object>');}
else
{
document.write('<object id="WebOffice" CLSID="{FF09E4FA-BFAA-486E-ACB4-86EB0AE875D5}" TYPE="application/x-itst-activex"  width=100% height=900></object>');
}
</script>
</body>
</html>

3、設(shè)計(jì)按鈕

在edit.html代碼Body標(biāo)簽之后 <script language="javascript">標(biāo)簽之前加入如下代碼：

<div><input type=button onclick="" value="打開(kāi)"></div>

執(zhí)行完成后，edit.html的代碼如下：

<html>
<head>
<title></title>
</head>
<body><div><input type=button onclick="" value="打開(kāi)"></div>
<script language="javascript">
if (!!window.ActiveXObject || "ActiveXObject" in window){
document.write('<object classid="clsid:FF09E4FA-BFAA-486E-ACB4-86EB0AE875D5" codebase="WebOffice.ocx#Version=2019,1,7,3" id="WebOffice" width="900" height="500" >');
document.write('</object>');}
else
{
document.write('<object id="WebOffice" CLSID="{FF09E4FA-BFAA-486E-ACB4-86EB0AE875D5}" TYPE="application/x-itst-activex"  width=100% height=900></object>');
}
</script>
</body>
</html>

執(zhí)行后的效果如圖：

4、調(diào)用WebOffice對(duì)象Open()方法打開(kāi)文檔

為“打開(kāi)”按扭增加點(diǎn)擊觸發(fā)JS函數(shù)：

①找到“打開(kāi)”按扭代碼的onclick屬性，在雙引號(hào)里寫入如下代碼：

OpenDoc();

②增加Open()函數(shù)的的函數(shù)實(shí)現(xiàn)

在edit.html的</head>和<body>標(biāo)簽之前加入如下代碼：

<script language="javascript">
function OpenDoc()
{
	//取得WebOffice對(duì)象
	var WebOffice=document.getElementById("WebOffice");
	//通過(guò)對(duì)象WebOffice的Open方法打開(kāi)個(gè)一個(gè)服務(wù)器文檔
	//此處服務(wù)器文檔地址為：//www.officectrl.com/officecs/temp/file1.doc
	WebOffice.Open("http://www.officectrl.com/officecs/temp/file1.doc",false,"Word.Document");
}
</script>

執(zhí)行完成以上所有步驟以后，edit.html全部代碼(用戶可把以下代碼復(fù)制粘貼到edit.html的記事本編輯器里)如下：

<html>
<head>
<title></title>
</head>
<script language="javascript">
function OpenDoc()
{
	//取得WebOffice對(duì)象
	var WebOffice=document.getElementById("WebOffice");
	//通過(guò)對(duì)象WebOffice的Open方法打開(kāi)個(gè)一個(gè)服務(wù)器文檔
	//此處服務(wù)器文檔地址為：//www.officectrl.com/officecs/temp/file1.doc
	WebOffice.Open("http://www.officectrl.com/officecs/temp/file1.doc",false,"Word.Document");
}
</script>
<body><div><input type=button onclick="OpenDoc();" value="打開(kāi)"></div>
<script language="javascript">
if (!!window.ActiveXObject || "ActiveXObject" in window){
document.write('<object classid="clsid:FF09E4FA-BFAA-486E-ACB4-86EB0AE875D5" codebase="WebOffice.ocx#Version=2019,1,7,3" id="WebOffice" width="900" height="500" >');
document.write('</object>');}
else
{
document.write('<object id="WebOffice" CLSID="{FF09E4FA-BFAA-486E-ACB4-86EB0AE875D5}" TYPE="application/x-itst-activex"  width=100% height=900></object>');
}
</script>
</body>
</html>

5、運(yùn)行測(cè)試

用瀏覽器打開(kāi)index.html后，點(diǎn)擊查看鏈接，彈出啟動(dòng)應(yīng)用程序是否同意對(duì)話框選擇“同意”后，出現(xiàn)智能窗，在智能窗網(wǎng)頁(yè)點(diǎn)擊“打開(kāi)”按鈕，如果你此時(shí)互聯(lián)網(wǎng)聯(lián)通，則可以正確打開(kāi) www.officectrl.com服務(wù)器上的文檔。效果如下：

本示例，如果用戶不使用互聯(lián)網(wǎng)文檔，用戶可以設(shè)置自已服務(wù)器地址如：//localhost/test.doc

將edit.html用地址//localhost/test.doc 修改后代碼如下：

<html>
<head>
<title></title>
</head>
<script language="javascript">
function OpenDoc()
{
	//取得WebOffice對(duì)象
	var WebOffice=document.getElementById("WebOffice");
	//通過(guò)對(duì)象WebOffice的Open方法打開(kāi)個(gè)一個(gè)服務(wù)器文檔
	//此處服務(wù)器文檔地址為：//www.officectrl.com/officecs/temp/file1.doc
	WebOffice.Open("http://localhost/test.doc",false,"Word.Document");
}
</script>
<body><div><input type=button onclick="OpenDoc();" value="打開(kāi)"></div>
<script language="javascript">
if (!!window.ActiveXObject || "ActiveXObject" in window){
document.write('<object classid="clsid:FF09E4FA-BFAA-486E-ACB4-86EB0AE875D5" codebase="WebOffice.ocx#Version=2019,1,7,3" id="WebOffice" width="900" height="500" >');
document.write('</object>');}
else
{
document.write('<object id="WebOffice" CLSID="{FF09E4FA-BFAA-486E-ACB4-86EB0AE875D5}" TYPE="application/x-itst-activex"  width=100% height=900></object>');
}
</script>
</body>
</html>

如果用戶//localhost/test.doc地址是一個(gè)正確WORD文檔的URL地址，則可以正確查看結(jié)果。

注意：WebOffice的運(yùn)行不一定需要使用互聯(lián)網(wǎng)絡(luò)或局域網(wǎng)環(huán)境，WebOffice完全可以在一臺(tái)電腦上完成所有測(cè)試。因?yàn)閃ebOffice支持網(wǎng)絡(luò)B/S結(jié)構(gòu)、C/S結(jié)構(gòu)的一層、多層或任意層的架構(gòu)運(yùn)行，也支持單機(jī)版、桌面端程序運(yùn)行。WebOffice采用業(yè)界標(biāo)準(zhǔn)的COM組件設(shè)計(jì)。

本教程內(nèi)容尚未完結(jié)，敬請(qǐng)期待后續(xù)內(nèi)容！您可以下載WebOffice試用版免費(fèi)體驗(yàn)~或者點(diǎn)擊下方鏈接，查看本教程示例~

相關(guān)內(nèi)容推薦：

WebOffice入門教程一：Hello Word!

WebOffice入門教程：Hello World!（一）打開(kāi)服務(wù)器文檔

想要購(gòu)買WebOffice正版授權(quán)，或了解更多產(chǎn)品信息請(qǐng)點(diǎn)擊