翻譯|使用教程|編輯:楊鵬連|2020-11-12 13:58:52.360|閱讀 571 次
概述:本文檔全面介紹WEB前端如何集成WebOffice控件,通過(guò)Javascript編程實(shí)現(xiàn)控件功能接口的調(diào)用,達(dá)到解決Web項(xiàng)目需求的目的,掌握此前端設(shè)計(jì)后將會(huì)理解WebOffice以View層的解決方案從而適合任意Web項(xiàng)目架構(gòu)。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mé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)。
WebOffice文檔控件(標(biāo)準(zhǔn)版永久授權(quán))原價(jià)8000元,現(xiàn)活動(dòng)優(yōu)惠價(jià)只需7846元 >>查看其他版本
相關(guān)內(nèi)容推薦:
WebOffice使用教程:WebOffice常用API接口在線參考手冊(cè)(一)>>>
WebOffice使用教程:WebOffice常用API接口在線參考手冊(cè)(二)>>
WebOffice使用教程:WebOffice常用API接口在線參考手冊(cè)(三)>>
WebOffice使用教程:WebOffice常用API接口在線參考手冊(cè)(四)>>
文檔使用說(shuō)明:
本文檔全面介紹WEB前端如何集成WebOffice控件,通過(guò)Javascript編程實(shí)現(xiàn)控件功能接口的調(diào)用,達(dá)到解決Web項(xiàng)目需求的目的,掌握此前端設(shè)計(jì)后將會(huì)理解WebOffice以View層的解決方案從而適合任意Web項(xiàng)目架構(gòu)。
本文檔適合WebOffice初次使用者學(xué)習(xí)使用。學(xué)習(xí)本文需要具備如下計(jì)算機(jī)技術(shù)語(yǔ)言:HTML、Javascript
一、Javascript編程原理
1.1、網(wǎng)頁(yè)里加載WebOffice并獲得編程對(duì)象存入指定變量
下載WebOffice.rar安裝包,本地安裝WebOffice組件后,在網(wǎng)頁(yè)加載控件
下面是控件加載代碼,這些代碼是固定的,只需放到你網(wǎng)頁(yè)相應(yīng)位置即可。
<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>
通過(guò)上面JS代碼放置控件對(duì)象,控件對(duì)象的名稱由上面ID屬性定義,即為:WebOffice,這樣在JS代碼里訪問(wèn)WebOffice控件可以用如下代碼:
var obj = document.getElementById('WebOffice');
運(yùn)行上面此句后,則obj即為Javascript編程對(duì)象。大多數(shù)情況下建議對(duì)象名稱統(tǒng)一為:WebOffice,即用下面代碼獲得控件對(duì)象:
var WebOffice = document.getElementById('WebOffice');
上面JS語(yǔ)句的變量weboffice即為控件的JS編程對(duì)象
1.2、使用WebOffice對(duì)象訪問(wèn)控件接口
當(dāng)控件正常加載后會(huì)看到控件顯示的界面,像下圖,即表示控件正常加載
上圖是控件運(yùn)行后的界面。
當(dāng)控件正常加載后,使用JS代碼獲得控件編程對(duì)象即可調(diào)用控件相關(guān)方法實(shí)現(xiàn)滿足需求,如使用OPEN方法打開(kāi)一個(gè)指定的WORD文檔,如下面代碼:
var WebOffice=document.getElementById("WebOffice");
WebOffice.Open('//www.officectrl.com/officecs/temp/word.doc');
1.3、網(wǎng)頁(yè)加載后自動(dòng)打開(kāi)指定的文檔
實(shí)現(xiàn)網(wǎng)頁(yè)加載控件后自動(dòng)打開(kāi)文檔是使用網(wǎng)頁(yè)BODY標(biāo)簽的ONLOAD事件里執(zhí)行Open方法,并且在執(zhí)行Open 方法前增加一小段延時(shí)處理功能,以有利于瀏覽器完全加載控件后執(zhí)行Open方法。
在網(wǎng)頁(yè)標(biāo)簽body的onload事件里增加函數(shù)名稱:webopen,代碼像下面這樣:
<body topmargin=0 leftmargin=0 onload="javascript:WebOpen();">
在Webopen函數(shù)里實(shí)現(xiàn)延時(shí)響應(yīng)執(zhí)行JS函數(shù)OpenDocument,并在此函數(shù)OpenDocument里執(zhí)行Open方法,JavaScript函數(shù)實(shí)現(xiàn)具體如下:
<script language=javascript> function WebOpen() { WebOffice = document.getElementById('WebOffice');//獲得控件對(duì)象 if (WebOffice){//等待控件初始化完畢,時(shí)間可以根據(jù)網(wǎng)絡(luò)速度設(shè)定。 setTimeout('OpenDocument()',1000);} //1000代表1秒后執(zhí)行 } function OpenDocument() { try{ var strOpenUrl = ‘//www.officectrl.com/officecs/temp/word.doc’; document.getElementById('WebOffice').Open(strOpenUrl,true,"Word.Document"); }catch(e) { alert(e); } } </script>
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自: