利用JS将页面指定部分存为HTML页

很简单的一个功能..项目中一处地方因为按月读的数据可能会需要保存下来,以供日后查看..

开始想的是导出excel,看了看觉得还不如直接存一个html页下来.决定了就做..

方法有两个:

1,生成静态页,但是对于抓区指定内容比较麻烦(因为要存的只是表格数据.对于其他的都不需要保存),需要处理读取到的htmlcode.麻烦.省了..

2,就是要说的JS办法.简单方便.看代码:

JS:

    function   saveDoc(id,name)   //id:要保存的数据外层容器ID;name:要保存的文件名字.

      {      
          var   strHTML   =   id.outerHTML;   
          var   winSave   =   window.open(); 
          var now= new Date(); 
          var year=now.getYear(); 
          var month=now.getMonth()+1; 
          var day=now.getDate(); 
          var displayTime=year+'-'+month+'-'+day+name;
          winSave.document.open("text/html","utf-8");   
          winSave.document.write(strHTML);   
          winSave.document.execCommand("SaveAs",true,displayTime+".htm");   
          winSave.close();   
      }

 

HTML:

 

<a href="javascript:saveDoc(tableid,'利润表')">保存本表</a>
<table id="tableid">
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>1</td><td>2</td><td>3</td></tr>
</table>

 

很简单的功能,对于我当前项目来说比导出excel或者生成html页都要划得来一些.

希望对大家有帮助....