原創|使用教程|編輯:何躍|2021-06-08 16:17:16.440|閱讀 218 次
概述:要對一個HTML5文檔使用Print2Flash Document API,您需要在您的網頁中嵌入一個文檔,然后用JavaScript訪問Document API。下面的文章對此有更詳細的描述。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
要對一個HTML5文檔使用Print2Flash Document API,您需要在您的網頁中嵌入一個文檔,然后用JavaScript訪問Document API。
要在你的網頁中嵌入一個HTML5文件,你需要使用IFRAME標簽,例如:
<iframe src="docviewer.html#doc.xml" width="850" height="400" id="doc1"></iframe>
在SRC屬性中,你需要指定一個HTML文檔查看器的地址,包括要加載的文檔的URL和其他參數。
為了獲得docviewer.html文件,您需要用Print2Flash轉換任何文檔,并在Print2Flash應用程序中點擊保存HTML/保存HTML文檔與HTML預覽頁按鈕。該文件將在與你在保存對話框中選擇的預覽文件名稱和位置相關的文件夾中創建。
WIDTH和HEIGHT屬性用于指定網頁中的文件尺寸。ID屬性表示訪問Print2Flash文檔API時可能需要的標識符。
獲得文件的參考資料
你需要等待你的頁面完全加載完畢才能調用Document API函數。如果你等到你的網頁的文檔對象上觸發了一個自定義的onLoaded事件,你就可以實現這個目標。
document.onLoaded=function(docObj,docid) {
... 加載API功能
}
docObj - 是對已經加載的HTML5文檔對象的引用。
docid - 是已經加載的HTML5文檔的標識符;這是你在FRAME標簽中指定的標識符。
如果你想要獲取文檔內容,可以這樣做: var mydoc=document.getElementById(docid).contentDocument
調用文檔API函數
docObj.setCurrentPage(4); 更多的函數用法訪問
處理文檔API事件
添加事件監聽: doc.addEventListener('onZoomChanged', myOnZoomChanged, false);
被監聽的ZoomChanged可以這樣傳輸參數
function myOnZoomChanged(event) {
alert(event.detail.sender+","+event.detail.zoom)
}
移除監聽:doc.removeEventListener('onZoomChanged', myOnZoomChanged);
調整文件的大小
要調整嵌入網頁的HTML5文檔的大小,你可以改變嵌入的IFRAME對象的寬度和高度屬性。
document.getElementById(docid).width=500;本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn