首页 > 代码库 > js 将网页生成为html保存访问

js 将网页生成为html保存访问

2024-07-31 02:33:15   221人阅读

2012-04-03
今天实现了一个需求，主题是将浏览中的网页生成html保存起来，记录访问url，挂在公司网站上做案例。
 
 
首先忙活了N久的是去搜索生成html的js函数。
 
什么IE自带的ActiveX，js插件，js的winow.print();函数调用打印机打印页面等
 
最后结果是怎么搞都是不行。
 
就快到穷途末路时，在stackoverflow.com网站看到一条问题，也是与生成html相关的。
 
牛人解决方案如下：
 
使用jQuery
 
// 看到这句我顿时哑语了，这么简单的方法我怎么想不到
 
var dom = $("html").html();//获取html节点的内容
//alert(dom);
 
$.post("exportCase.do",{dom:$("html").html()});//服务器接受请求处理，将html内容输出为xxx.htm保存到你想指定的路径
 
 
 
 
 
最后我借鉴与此，写了一个完善的js函数：
<script type="text/javascript">
<!--
function exportCase(){
      try{
            var filename = prompt("请输入要生成的html文件名：","");
            if(undefined==filename || ""==filename){
                  new Boxy("<div style=‘width:300px;height:100px;‘><p>文件名为空，生成失败</p></div>", {title : ‘消息提示‘});
                  return;
            }
            //alert("export filename:"+filename);
            $j.ajax({
                  type : "post",
                  url : "exportCaseAjax.do",
                  cache : "false",
                  data : {
                        "dom":$j("html").html(),
                        "filename":filename,
                        "rnd": ajaxRandom()
                  },
                  dataType:"json",
                  success : function(data, textStatus) {
                        if(!isUndefined(data)){
                              var code = data.code;
                              //alert(code);
                              if(code==0){
                                    var d = data.data;
                                    new Boxy("<div style=‘width:400px;height:100px;‘><p>"+d.name+"文件生成成功!</p><p>访问路径为:</p><p>&nbsp;&nbsp;"+d.url+"</p></div>", {title : ‘消息提示‘});
                              } else {
                                    new Boxy("<div style=‘width:300px;height:100px;‘><p>"+data.data+"</p></div>", {title : ‘消息提示‘});
                              }
                        }
                  }
            });   
      }catch(err){}     
}
//-->
</script>
 
 
服务器处理的action代码我就不贴出来了，用I/O就行了。

js 将网页生成为html保存访问


联系
我们