在线打开并使用Word文档时，我们经常会需要使用打开的Word文档中，顶部的标尺来设置页面的边距、对齐位置等。这一操作，可以通过工具栏中“视图”→“标尺”选项的是否勾选来决定是否显示标尺，但如果工具栏被禁用或者忘记如何设置时，就得通过其他途径来进行设置了。下面我就以一个简单的例子来演示一下是如何通过JS代码实现显示/隐藏标尺的。

具体实现步骤如下：

第一步：拷贝文件到WEB项目的“WEB-INF/lib”目录下。拷贝PageOffice示例中下的“WEB-INF/lib”路径中的pageoffice.cab和pageoffice.jar到新建项目的“WEB-INF/lib”目录下。

第二步：修改WEB项目的配置文件。将如下代码添加到配置文件中：

poservercom.zhuozhengsoft.pageoffice.poserver.Server

poserver

/poserver.do

    poserver

    /pageoffice.cab

    poserver

    /popdf.cab

    poserver

    /sealsetup.exe

adminseal

com.zhuozhengsoft.pageoffice.poserver.AdminSeal

adminseal

/adminseal.do

adminseal

/loginseal.do

adminseal

/sealp_w_picpath.do

    mht

    message/rfc822

    adminseal-password

    123456

第三步：添加引用。在WEB项目的WebRoot目录下添加动态页面Word.jsp。在该页面后台代码中

添加自定义标签库：“”

引入PageOffice类库：“”。

在HTML的中添加PageOffice引用：

“”，并设置控件所在层（）的高和宽。

第四步：Word.jsp后台编写代码。打开Word文件，添加自定义按钮，部分代码如下：

//********************卓正PageOffice组件的使用**********************

    PageOfficeCtrl poCtrl1 = new PageOfficeCtrl(request);

    poCtrl1.setServerPage("poserver.do"); //此行必须

//添加自定义按钮

    poCtrl1.addCustomToolButton("显示/隐藏标尺","Hidden",3);

String filePath = "doc/template.doc";//相对路径

    poCtrl1.webOpen(filePath, OpenModeType.docNormalEdit, "张三");

    poCtrl1.setTagId("PageOfficeCtrl1"); //此行必须

    第五步：Word.jsp前台添加JS函数。在前台页面中添加JS函数“Hidden()”，让其执行删除行的操作。代码如下：

function Hidden() {

   document.getElementById("PageOfficeCtrl1").Document.

ActiveWindow.ActivePane.DisplayRulers =

!document.getElementById("PageOfficeCtrl1").Document.ActiveWindow.

ActivePane.DisplayRulers;

}

如上所述，点击工具栏上的“显示/隐藏标尺”按钮即可删除这一行。另外，还可以通过JS函数实现许多的操作，如：全屏显示、打印、插入印章、插入书签等等。