WebOffice入门教程二:实现自动打开文档

前期准备

在开始之前您需要确定：

您已学习《WebOffice入门教程一:Hello Word!》，并已实际动手实践成功完成此教程的全部内容。

使用方法

1、增加自动打开文档的JavaScript延时函数

用记事本打开《WebOffice入门教程一:Hello Word!》教程所制作的edit.html,找到</head>和<body>标签之间的JavaScript代码,并加入如下自定义JS函数名称为：LoadDoc

function LoadDoc()
{
	setTimeout('OpenDoc()',1000);//用setTimeout函数自动执行OpenDoc函数实现文档打开
}

执行完成以上所有步骤以后，edit.html全部代码(用户可把以下代码复制粘贴到edit.html的记事本编辑器里)如下：

<!DOCTYPE html><html>
<head><meta http-equiv="content-type" content="text/html;charset=utf-8">
<title></title>
</head>
<script language="javascript">
function OpenDoc()
{
	//取得WebOffice对象
	var WebOffice=document.getElementById("WebOffice");
	//通过对象WebOffice的Open方法打开个一个服务器文档
	//此处服务器文档地址为：http://www.officectrl.com/officecs/temp/file1.doc
	WebOffice.Open("http://www.officectrl.com/officecs/temp/file1.doc",false,"Word.Document");
}
function LoadDoc()
{
	setTimeout('OpenDoc()',500);//用setTimeout函数自动执行OpenDoc函数实现文档打开
}
</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=2023,2,7,3" id="WebOffice" width="900" height="700" >');
document.write('<param name="Menubar" value="1"><param name="Titlebar" value="1"><param name="Toolbars" value="1">');
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>

2、清除打开按钮

在edit.html的HTML代码里，找到如下代码:

<div><input type=button onclick="OpenDoc();" value="打开"></div>

删除以上代码
执行完成以上所有步骤以后，edit.html全部代码(用户可把以下代码复制粘贴到edit.html的记事本编辑器里)如下：

<!DOCTYPE html><html>
<head><meta http-equiv="content-type" content="text/html;charset=utf-8">
<title></title>
</head>
<script language="javascript">
function OpenDoc()
{
	//取得WebOffice对象
	var WebOffice=document.getElementById("WebOffice");
	//通过对象WebOffice的Open方法打开个一个服务器文档
	//此处服务器文档地址为：http://www.officectrl.com/officecs/temp/file1.doc
	WebOffice.Open("http://www.officectrl.com/officecs/temp/file1.doc",false,"Word.Document");
}
function LoadDoc()
{
	setTimeout('OpenDoc()',500);
}
</script>
<body>
<script language="javascript">
if (!!window.ActiveXObject || "ActiveXObject" in window){
document.write('<object classid="clsid:FF09E4FA-BFAA-486E-ACB4-86EB0AE875D5" codebase="WebOffice.ocx#Version=2023,2,7,3" id="WebOffice" width="900" height="700" >');
document.write('<param name="Menubar" value="1"><param name="Titlebar" value="1"><param name="Toolbars" value="1">');
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>

3、设置网页onload事件，实现网页打开即调用JavaScript函数

在edit.html的HTML代码里，找到<body>标签，加入onload事件

<body onload="LoadDoc();">

执行完成以上所有步骤以后，edit.html全部代码(用户可把以下代码复制粘贴到edit.html的记事本编辑器里)如下：

<!DOCTYPE html><html>
<head><meta http-equiv="content-type" content="text/html;charset=utf-8">
<title></title>
</head>
<script language="javascript">
function OpenDoc()
{
	//取得WebOffice对象
	var WebOffice=document.getElementById("WebOffice");
	//通过对象WebOffice的Open方法打开个一个服务器文档
	//此处服务器文档地址为：http://www.officectrl.com/officecs/temp/file1.doc
	WebOffice.Open("http://www.officectrl.com/officecs/temp/file1.doc",false,"Word.Document");
}
function LoadDoc()
{
	setTimeout('OpenDoc()',500);
}
</script>
<body onload="LoadDoc();">
<script language="javascript">
if (!!window.ActiveXObject || "ActiveXObject" in window){
document.write('<object classid="clsid:FF09E4FA-BFAA-486E-ACB4-86EB0AE875D5" codebase="WebOffice.ocx#Version=2023,2,7,3" id="WebOffice" width="900" height="700" >');
document.write('<param name="Menubar" value="1"><param name="Titlebar" value="1"><param name="Toolbars" value="1">');
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>

4、运行测试

用浏览器打开index.html后，点击查看链接，弹出启动应用程序是否同意对话框选择“同意”后，出现智能窗后即可看到控件自动打开文档。

在线查看自动打开文档的效果:WebOffice示例入门。