黃色網址電,日韩乱伦电影网?,国产熟女内

WebOffice初學者使用教程：Javascript編程原理（一）

翻譯|使用教程|編輯：楊鵬連|2020-11-12 13:58:52.360|閱讀 571 次

概述：本文檔全面介紹WEB前端如何集成WebOffice控件,通過Javascript編程實現控件功能接口的調用，達到解決Web項目需求的目的，掌握此前端設計后將會理解WebOffice以View層的解決方案從而適合任意Web項目架構。

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

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

WebOffice文檔控件(標準版永久授權)原價8000元，現活動優惠價只需7846元 >>查看其他版本

點擊下載WebOffice正式版

相關內容推薦：

WebOffice 使用教程>>>

WebOffice使用教程：WebOffice常用API接口在線參考手冊（一)>>>

WebOffice使用教程：WebOffice常用API接口在線參考手冊（二）>>

WebOffice使用教程：WebOffice常用API接口在線參考手冊（三）>>

WebOffice使用教程：WebOffice常用API接口在線參考手冊（四）>>

文檔使用說明：

本文檔全面介紹WEB前端如何集成WebOffice控件,通過Javascript編程實現控件功能接口的調用，達到解決Web項目需求的目的，掌握此前端設計后將會理解WebOffice以View層的解決方案從而適合任意Web項目架構。

本文檔適合WebOffice初次使用者學習使用。學習本文需要具備如下計算機技術語言：HTML、Javascript

一、Javascript編程原理

1.1、網頁里加載WebOffice并獲得編程對象存入指定變量

下載WebOffice.rar安裝包，本地安裝WebOffice組件后，在網頁加載控件

下面是控件加載代碼，這些代碼是固定的，只需放到你網頁相應位置即可。

<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>

  通過上面JS代碼放置控件對象，控件對象的名稱由上面ID屬性定義，即為：WebOffice,這樣在JS代碼里訪問WebOffice控件可以用如下代碼：

var obj = document.getElementById('WebOffice');

  運行上面此句后，則obj即為Javascript編程對象。大多數情況下建議對象名稱統一為:WebOffice,即用下面代碼獲得控件對象:

  var WebOffice = document.getElementById('WebOffice');

上面JS語句的變量weboffice即為控件的JS編程對象

1.2、使用WebOffice對象訪問控件接口

當控件正常加載后會看到控件顯示的界面，像下圖，即表示控件正常加載

上圖是控件運行后的界面。

當控件正常加載后，使用JS代碼獲得控件編程對象即可調用控件相關方法實現滿足需求，如使用OPEN方法打開一個指定的WORD文檔，如下面代碼：

var WebOffice=document.getElementById("WebOffice");
WebOffice.Open('//www.officectrl.com/officecs/temp/word.doc');

1.3、網頁加載后自動打開指定的文檔

實現網頁加載控件后自動打開文檔是使用網頁BODY標簽的ONLOAD事件里執行Open方法，并且在執行Open 方法前增加一小段延時處理功能，以有利于瀏覽器完全加載控件后執行Open方法。

在網頁標簽body的onload事件里增加函數名稱：webopen，代碼像下面這樣：

在Webopen函數里實現延時響應執行JS函數OpenDocument，并在此函數OpenDocument里執行Open方法，JavaScript函數實現具體如下：

<script language=javascript>

function WebOpen()

{

       WebOffice = document.getElementById('WebOffice');//獲得控件對象

       if (WebOffice){//等待控件初始化完畢，時間可以根據網絡速度設定。

             setTimeout('OpenDocument()',1000);}  //1000代表1秒后執行

}

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>

想要購買WebOffice正版授權，或了解更多產品信息請點擊