以html形式显示（word，excel，ppt）总结

一、word篇。

思路：直接利用word.application提供的方法将word转存为html格式，但是排版会出现错位现象（暂时定好容器宽度可以解决。偷懒）。

<script type="text/javascript">

function saveword(){

    try{

var WordApp=new ActiveXObject("Word.Application");

        

    }

    catch(e){alert("failed!!");}

WordApp.visible=false;

try{

var Document=WordApp.Documents.Open("F://test.doc");

alert(WordApp.width);

}

        

catch(e){WordApp.Quit();alert(e);}

try{

Document.SaveAs("F://website//mytestwebsite//test//test.html",8);

}

catch(e){WordApp.Quit();alert(e);}

Document.close();

WordApp.Quit();

}

</script>

 

二、ppt篇。

思路：依然利用powerpoint.application提供的方法，将ppt以png格式导出到指定临时文件夹，然后在通过jquery图片展示插件，进行展示。

<script type="text/javascript">

var num;

function pptOpen(file)

{

    try{

            var fso = new ActiveXObject("Scripting.FileSystemObject");

            }

            catch(ex){

                alert("fso bad!!");

                ppt.quit();

            }

            try{

                if(!fso.FolderExists("F:\\website\\mytestwebsite\\temps"))

                {

                    alert("folder not exists");

                    fso.CreateFolder("F:\\website\\mytestwebsite\\temps");

                }

            }

            catch(ex){

                alert("folder bad!!");

                fso.close();

                //ppt.quit();

            }

            //fso.close();

    try{

            var ppt = new ActiveXObject("PowerPoint.Application");

        }

        catch(ex){

                alert("create bad!!");

                ppt.quit();

            }

            //ppt.visible = true;

    try{        

            var pre = ppt.Presentations.open(file,false,false,false);

            }

        catch(ex){

                alert("open"+file+" bad!!");

                ppt.quit();

            }

            num = pre.Slides.Count;

            //alert(num);

                

        try{

                pre.Export("F:\\website\\mytestwebsite\\temps","png");

            }

        catch(ex){

                alert("Export bad!!");

                pre.close();

                ppt.quit();

            }

    pre.close();    

    ppt.quit();

    aa();

        

}

    

function ss(){

    $("<div></div>").attr("id","menu").appendTo("#she");

    $("<ul></ul>").attr("id","xx").appendTo("#menu");

    $("<div></div>").attr("id","con").addClass("con").appendTo("#she");

    for(var x=1;x<=num;x++)

    {

        $("#xx").append($("<li>"+x+"号</li>").attr({"id":"lii"+x}));

        $("<div></div>").attr("id","sheet"+x).appendTo("#con");

        $("<img></img>").attr("src","temps/幻灯片"+x+".PNG").appendTo("#sheet"+x);

        }  

    //$("#tab").tabs();

        

    function tabit(ul,css,div){

         $(div).children().hide();

         $(div).each(function(){

            $(this).children().eq(0).show();

            });

         $(ul).each(function(){

           $(this).children().eq(0).addClass(css);

            });

         $(ul).children().hover(function(){

            $(this).addClass(css).siblings().removeClass(css);

             var index = $(ul).children().index(this);

             $(div).children().eq(index).show().siblings().hide();

        });

    }

    tabit("#xx","active","#con");

    }

    function aa()

    {

        $("<div></div>").attr("id","menu").appendTo("#she");

        $("<button>上一页</button>").attr("id","prev").appendTo("#menu");

        $("<button>下一页</button>").attr("id","next").appendTo("#menu");

        $("<div></div>").attr("id","con").addClass("con").appendTo("#she");

        for(var x=1;x<=num;x++)

        {

            $("<div></div>").attr("id","sheet"+x).appendTo("#con");

            $("<img></img>").attr("src","temps/幻灯片"+x+".PNG").appendTo("#sheet"+x);

        }

            

        function tabit(div){

             $(div).children().hide();

             $(div).each(function(){

                $(this).children().eq(0).show();

                });

                var index = 0;

             $("#prev").click(function(){

                 //var index = 0;

                 $(div).children().eq(--index).fadeIn().siblings().hide();

                 //index--;

                 if(index==-1)

                 {

                    //alert("第一张");

                    index=$(div).children().size()-1;

                }

            });

            $("#next").click(function(){

                 //var index = 0;

                 $(div).children().eq(++index).fadeIn().siblings().hide();

                 //index++;

                 if(index==$(div).children().size()-1)

                 {

                    //alert("最后一张"); 

                    index=-1;

                 }

            });

        }

        tabit("#con")       

    }

</script>

 

 

三、css代码如下：

 

<style type="text/css">

li {

    border : 1px solid #C4C2C2;

    color: #466BAE;

    cursor: pointer;

    float: left;

    font-weight: bold;

    height: 30px;

    line-height: 30px;

    text-align: center;

    width: 50px;

    text-decoration: none;

    list-style-type: none;

    margin:0px;

}

ul {

    margin:2px;

}

.active {

  background: #fff;

  font-weight:600;

  border-bottom:2px solid #8db2e3;

}

.hide{

    display:none;

}

.red{

    background-color:#F00;

}

.con{

    width:720px;

    min-width:450px;

    min-height:300px;

    overflow:hidden;

    border: solid 1px #CCCCCC;

    margin:5px auto;

}

</style>

这里并没有用插件显示，而是直接用jquery进行图片是浏览。效果也不是很好。功能还算是到位了吧。因为ppt导出的图片默认名字为连续编号的，所以可以很方便的读取。

当ppt预览结束后，将临时文件夹删除即可。