亚洲无码在线观看网站,国产91网,亚洲日韩精品无码专区加勒比

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

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

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

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

相關(guān)鏈接：

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

點擊下載WebOffice正式版

本教程介紹了WebOffice打開一個服務器文檔，一共分為四個步驟：

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

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

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

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

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

2、引入WebOffice對象

請將如下代碼復制到edit.html代碼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>

完成后,如下

<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è)計按鈕

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

<div><input type=button onclick="" value="打開"></div>

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

<html>
<head>
<title></title>
</head>
<body><div><input type=button onclick="" value="打開"></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對象Open()方法打開文檔

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

①找到“打開”按扭代碼的onclick屬性，在雙引號里寫入如下代碼：

OpenDoc();

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

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

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

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

<html>
<head>
<title></title>
</head>
<script language="javascript">
function OpenDoc()
{
	//取得WebOffice對象
	var WebOffice=document.getElementById("WebOffice");
	//通過對象WebOffice的Open方法打開個一個服務器文檔
	//此處服務器文檔地址為：//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="打開"></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、運行測試

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

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

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

<html>
<head>
<title></title>
</head>
<script language="javascript">
function OpenDoc()
{
	//取得WebOffice對象
	var WebOffice=document.getElementById("WebOffice");
	//通過對象WebOffice的Open方法打開個一個服務器文檔
	//此處服務器文檔地址為：//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="打開"></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地址是一個正確WORD文檔的URL地址，則可以正確查看結(jié)果。

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

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

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

WebOffice入門教程一：Hello Word!

WebOffice入門教程：Hello World!（一）打開服務器文檔

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