JS获取页面数据并打印

本文主要是介绍JS获取页面数据并打印，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

<%@ Page Language="C#" %>
<script runat="server">
    private struct ImageItem {
        public string 图片路径;
        public string 款号;
        public string 系列号;
    }
    protected void Page_Load(object sender, EventArgs e)
    {
        string ptype = "";
        if (Request.QueryString["ptype"]!=null) {
            ptype = Request.QueryString["ptype"];
        }
        if (Request.Form["ptype"]!= null)
        {
            ptype = Request.Form["ptype"];
        }
        switch (ptype) {
            case "":    //生成打印脚本
                Response.Write(code1.Value);
                break;
            case "1":   //生成打印页
                Response.Write("<html>");
                Response.Write(code2.Value);
                Response.Write("</html>");
                break;
            case "2":   //返回空页面
                Response.Write("<html>");
                Response.Write("</html>");
                break;
            case "3": //获取成品图片
                GetImageList("1");
                break;
            case "4": //获取物料图片
                GetImageList("2");
                break;
        }

        Response.End();

    }
    private ImageItem GetImageUrl(string idstr, string ylcls)
    {
        ImageItem imgitm ;
        imgitm.款号 = "";
        imgitm.图片路径 = "";
        imgitm.系列号 = "";

        string sql = "";
        if (idstr.Trim().Length == 0) {
            return imgitm;
        }
        if (ylcls == "1") {// 1为成品
            sql = "SELECT jb_bag.kp_images,jb_bag.kp_item_no, jb_bag.kp_item_code, jb_series.kp_series_name"+
                  "FROM jb_bag INNER JOIN jb_series ON jb_bag.kp_series=jb_series.kp_series_id and kp_item_no="+idstr;

        }
        else{
            sql="select kp_url from jb_bagyl where kp_item_no="+idstr;
        }
        //return "http://t2.baidu.com/it/u=2107939524,1661719057&fm=3&gp=1.jpg";
        System.Data.DataTable db = GenericDataAccess.selectcommand(GenericDataAccess.createcommand(sql));
        if (db.Rows.Count > 0)
        {
            imgitm.图片路径 = "../ProImage/" + db.Rows[0].ItemArray[0].ToString();
            if (db.Rows[0].ItemArray.Length > 1) {
                imgitm.款号 = db.Rows[0].ItemArray[2].ToString();
                imgitm.系列号 = db.Rows[0].ItemArray[3].ToString();
            }
        }
        return imgitm;
    }
    private void GetImageList(String ylcls)
    {
        string ids = "";
        string htm = "";
        ImageItem im;
        int ii = 0;//换行标记
        int iii = 0; //换页标记
        if (this.Request["ids"] != null) {
            ids = this.Request["ids"];
        }
        string[] idarray = ids.Split("`".ToCharArray());
        if (ylcls == "1")
        {
            for (int i = 0; i < idarray.Length - 1; i++)
            {
                if (ii == 0)
                {
                    if (iii == 0)
                    { //换页
                        htm = htm + "<table>/n";
                    }
                    iii = iii + 1;
                    htm = htm + "   <tr>/n";
                }
                ii = ii + 1;
                im = GetImageUrl(idarray[i], ylcls);
                htm = htm + "       <td><img class='hb' src='" + im.图片路径 + "' class='pic'><br><span>" + im.系列号 + "/" + im.款号 + "</span></td>/n";
                if (ii == 5)
                {
                    ii = 0;
                    htm = htm + "   </tr>/n";
                    if (iii == 5)
                    {
                        htm = htm + "</table>`/n";
                        iii = 0;
                    }
                }

            }
            if (ii != 0)
            {
                htm = htm + "   </tr>/n";
            }
            if (iii != 0)
            {
                htm = htm + "   </table>`/n";
            }
        }
        else
        {
            for (int i = 0; i < idarray.Length - 1; i++)
            {
                htm = htm + GetImageUrl(idarray[i], ylcls).图片路径 + "`";

            }
        }
        Response.Write(htm);
    }
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <textarea id="code1" cols="20" rows="2" runat='server'>
String.prototype.Trim = function(){ return Trim(this);}
String.prototype.LTrim = function(){return LTrim(this);}
String.prototype.RTrim = function(){return RTrim(this);}

//此处为独立函数
function LTrim(str)
{
    var i;
    for(i=0;i<str.length;i++)
    {
        if(str.charAt(i)!=" "&&str.charAt(i)!=" ")break;
    }
    str=str.substring(i,str.length);
    return str;
}
function RTrim(str)
{
    var i;
    for(i=str.length-1;i>=0;i--)
    {
        if(str.charAt(i)!=" "&&str.charAt(i)!=" ")break;
    }
    str=str.substring(0,i+1);
    return str;
}
function Trim(str)
{
    return LTrim(RTrim(str));
}


//==============================以上为字符串处理函数==============================================

}
function getheaddata2(txt,sheetno){
    var ldat = new Array();
    var lldat = new Array();
    var htm ="";
    var rindex=2;
    var ntxt=txt.replace(//n/g,"`").replace(//s/g,"`").replace(/```/g,"`").replace(/``/g,"`")
    ntxt=ntxt.replace(/:/g,"：").replace(/：/g,"：`").replace(/```/g,"`").replace(/``/g,"`")
    var cells = ntxt.split("`");
    var i,ii,hs=false;
    for(i=0;i<cells.length;i++){

            if(cells[i].indexOf("：")>-1){
                ldat[ldat.length]=cells[i];
            }
            else{
                if(!(cells[i]==sheetno&&i<2) && cells[i].length>0 ){
                    if(ldat.length>0){
                        hs=false

                        for(ii=0;ii<ldat.length;ii++){
                            if(ldat[ii].indexOf("：")>-1&&!hs){
                                  if(ldat[ii].indexOf("·")==-1){
                                        ldat[ii]=ldat[ii]+ "·" + cells[i];
                                        hs=true
                                  }

                            }
                        }

                        if(!hs){ //无则新建
                            if(ldat[ldat.length-1].indexOf("：")>-1){
                                        ldat[ldat.length-1]=ldat[ldat.length-1]+ "-" + cells[i];
                                        hs=true
                            }
                            else{
                                ldat[ldat.length-1]=ldat[ldat.length-1]+ "·" + cells[i];
                            }
                        }


                    }
                }
            }

    }
    for(i=0;i<ldat.length;i++){
        lldat = ldat[i].split("·")
        if(rindex==0){
                htm = htm + "<tr>"
        }
        htm=htm + "<td class='lhd'><pre>" + lldat[0] + "</td>"
        if(lldat.length>1){
            for(ii=2;ii<lldat.length-1;ii++){
                lldat[1]=lldat[1] + "·" + lldat[ii];
            }
            htm=htm + "<td class='rhd'>" + lldat[1] + "</td>"
        }
        else{
            htm=htm+ "<td>无</td>"
        }
        rindex=rindex+2
        if(rindex==6){
                 htm =htm + "</tr>"
                 rindex=0;
        }
    }
    return htm;
}
function RemoveGriw(frm){
    var i=0;
    var itm;
    var ii=0;
    var gvw;
    for(i=0;i<frm.all.length;i++){
        itm=frm.all[i];
        if(itm.tagName=="TR"){
            if(itm.className.replace(" ","")=="GridViewHeaderStyle"){
                if(itm.style.display.toLowerCase()!="none"&&itm.style.visibility.toLowerCase()!="hidden"){
                    var gvw= itm.parentElement;
                    for(ii=itm.parentElement.rows.length-1;ii>-1;ii--){
                       gvw.deleteRow(ii)
                    }
                }
            }
        }
    }
}
function RemoveControl(elements)
{
var arrObj = new Array();

var count = elements.length;
for(var i=0;i<count;i++)
{
   if(elements[i] == undefined)
    continue;

   var obj = document.createElement('span');
   switch(elements[i].type)
   {
    case "text" :
      if(elements[i].value.Trim().length>0){
        obj.setAttribute("innerHTML"," " + elements[i].value+ " ");
        }
      else{
        obj.setAttribute("innerHTML"," 无 ");
      }

      break;
    case "textarea" :
      obj.setAttribute("innerHTML"," " + elements[i].innerHTML + " ");
      elements[i].innerHTML = '';
      break;
    case "select-one" :
      for(var j=0;j<elements[i].length;j++)
      {
       if(elements[i][j].selected)
       {
        obj.setAttribute("innerHTML"," " + elements[i][j].text + " ");
        break;
       }
      }
      elements[i].options.length = 0;
      break;
   }
   elements[i].parentNode.appendChild(obj);
   arrObj[arrObj.length] = elements[i];
}

//删除表单原控件
for(var i=0;i<arrObj.length;i++)
{
   arrObj[i].removeNode();
}
}

var SplitPrintData_row = 0;

        SplitPrintData_row = 1
        for(icc=1;icc<pageCount+1;icc++){
            itemHTML =css + "<body>" + hdtab + SplitPrintData(icc,pageCount,pSize) + "<script>window.parent.CreateSum(document)</script>";
            win.WriteHTML(icc-1,itemHTML);
        }
        if(win){
            setTimeout("win.resizeTo(screen.width ,screen.Height-30)",900); //挪动位置，类似刷新功能
        }
        createselectfilds();    //创建选择的列
        testdiv.innerHTML="";
    }
    return obj;
}
function CPageFrame(win,iebg,index){
        var itemHTML ="";
        var imagediv= null;
        var br = null;
        currIE= win.document.createElement("iframe");
        currIE.id="pages" + index;
        currIE.name = "pages" + index;
        currIE.frameborder="0";
        currIE.className="pageframe";
        iebg.appendChild(currIE);
        br=win.document.createElement("div")
        br.innerHTML="<br>"
        imagediv=win.document.createElement("div")
        imagediv.id="ImgPage" + index
        imagediv.innerHTML=" "
        imagediv.style.width="100%";
        iebg.appendChild(br);
        iebg.appendChild(imagediv);
        currIE.src="about:blank";
        win.WriteHTML(index-1,"<html></html>");
}
function createselectfilds(){
    var i=0;
    var htm="<table style='font-size:12px'><tr><td>选择您要打印的列:</td>";
    var mtb= testdiv.all[0];
    if(mtb){
        if(mtb.rows.length>0){
            if(mtb.rows[0].cells.length>1){
                for(i=0;i<mtb.rows[0].cells.length;i++)
                {
                    mtit=mtb.rows[0].cells[i].innerText.Trim();
                    if(mtit.length==0){
                        mtit="第" + (i+1) + "列"
                    }
                    htm= htm + "<td style='padding:0 5 0 5 '><input type=checkbox checked id='fildscheckbox" + i +"' name='cbx' οnclick='if(!visiblefilds(" + i + ",this.checked)){this.checked=!this.checked}'><label for='fildscheckbox" + i + "' id='cbx"+ i +"'>" + mtit + "</label></td>"
                }

            }
        }
    }
    htm=htm + "</tr></table>"
    if(win){
        win.document.getElementById("Fildstd").innerHTML =htm;
    }
}
function SplitPrintData(index, pcount,pSize) {            //获取指定页的数据,对数据分页
    var datatab = testdiv.all[0];
    var psz = 0;
    if(!datatab){
        return "<table id='DataCell' style='width:100%;text-align:left'><tr><td style='height:60;text-align:center'><br><br>没有要打印的数据</td></tr></table>"
    }
    var ntab ="<table id='DataCell' cellPadding=0 align=center cellspacing=0 style='width:100%;border-collapse:collapse'>"
    ntab = ntab + datatab.rows[0].outerHTML

    while(psz<pSize&&SplitPrintData_row<datatab.rows.length){
        ntab = ntab + datatab.rows[SplitPrintData_row].outerHTML
        psz= psz + datatab.rows[SplitPrintData_row].offsetHeight;
        SplitPrintData_row=SplitPrintData_row+1 //SplitPrintData_row用来记录本次调用函数所用掉的行数
    }
    ntab = ntab + "</table>"
    return ntab;
}
function ctestdiv(){
    testdiv = document.createElement("DIV");
    testdiv.style.position="absolute";
    testdiv.style.overflow="hidden";
    testdiv.style.height="0px";
    testdiv.style.width="190mm";
    testdiv.style.top="-1000";
    document.body.appendChild(testdiv);
}
function delspacechar(str){                 //删除空格
    return str.replace(//s/g,"")
}
function getdocumenttitle(){                     //获取标题
      // var t = document.body.innerText.split("/n");
      //for(i=0;i<t.length;i++){
          //if(delspacechar(t[i]).length>0){
            // return t[i];
       // }
    //}
    return document.title;
}
function createprintdata(imagefiled){ //提取要打印的数据; imagefiled 为图案字段索引号

    var itm = null;
    var htm ="";
    var hed ="";
    for(i=0;i<document.all.length;i++)
    {
        itm=document.all[i];
        if(itm.tagName=="TR"){
            if(itm.className.replace(" ","")=="GridViewHeaderStyle"){
                if(itm.style.display.toLowerCase()!="none"&&itm.style.visibility.toLowerCase()!="hidden"){
                    htm= doPostGvw(itm.parentElement,hed,imagefiled)
                    return htm;
                }
            }
        }

    }
}
function doPostGvw(gvw,hd,imagefiled){ //imagefiled 为物料图案字段索引号

            }

        }

        function visiblefilds(si,v){
             var i,ii,v
             var sv="";
             var sibc=0;
             if(v){
                sv="block"
             }
             else{
                sv="none"
             }
             for(i=0;i<window.frames.length;i++){
                obj=window.frames[i].document.getElementById("DataCell")
                if(obj){
                    if(obj.rows.length>0){
                        sibc=0;
                        for(ii=0;ii<obj.rows[0].cells.length;ii++){
                            if(obj.rows[0].cells[ii].style.display!="none"){
                                sibc=sibc+1
                            }
                        }
                        if(sibc>2||v==true){
                            for(ii=0;ii<obj.rows.length;ii++){
                                obj.rows[ii].cells[si].style.display=sv;
                            }
                        }
                        else
                        {
                            alert("对不起,至少需显示两列数据");
                            return false;
                        }
                    }
                }

            }

            movewindow();
            return true;
        }
         var visi_move_value = 0;
        function movewindow(){
            if(visi_move_value==0){
                visi_move_value=1;
            }
            else{
                visi_move_value=0;
            }
            setTimeout("window.resizeTo(screen.width - "+ visi_move_value +" ,screen.Height-30)",900);
        }
        function GetAllHTML(){
             var htm ="";
             for(i=0;i<document.frames.length;i++){
                obj=document.frames[i];
                if(i==0){
                    htm= htm + "<br>" + obj.document.body.innerHTML;
                }
                else{
                    htm = htm + "/n" + obj.document.all["DataCell"].outerHTML;
                }
            }
            return htm;
        }
     function CExcel(){
                var htm = GetAllHTML();
                try{
                     var oXL = new ActiveXObject("Excel.Application");
                     var oWB = oXL.Workbooks.Add();
                     var oSheet = oWB.ActiveSheet;
                }catch(e){
                 alert("无法调用Excel对象。 /n请确认已经安装了office软件,并且浏览器安全级别设置允许本系统访问客服端组件");
                 return false;
                }
                window.clipboardData.setData("Text",htm);
                oSheet.Paste();
                oSheet.Cells(1, 1).Select();
                oXL.Visible = true;
                window.clipboardData.setData("Text","");
        }
        function CWord(){
                var i,ii,iii,mtb
                try{
                   var oWD = null // new ActiveXObject("Word.Application");
                  }catch(e)
                  {
                   alert("无法调用Word对象。/n请确认已经安装了office软件,并且浏览器安全级别设置允许本系统访问客服端组件");
                   return;
                  }
                var oDC = oWD.Documents.Add("");
                var dvs = document.createElement("Div")
                dvs.innerHTML= GetAllHTML();
                range=oDC.range();

window.clipboardData.setData("Text","/n" + dvs.innerText);

range.Paste();

                oWD.Application.Visible = true;

        }
        function showImages(ylcls){
             var i=0,IDFieldsIndex=0,ii=0
             var bgobj =document.getElementById("Fildstd");
             for(i=0;i<bgobj.all.length;i++){
                var elem =bgobj.all[i];
                if(elem.tagName.toLowerCase()=="label"){
                    ii=ii+1
                    ylclass=getylclass(elem.innerText.replace(//s/g,""))
                    if(ylclass>0){
                        IDFieldsIndex=ii
                        break;
                    }
                }
             }

             if(ylcls>-1){
                ylclass=ylcls;
             }
             else{
                return;
             }
             if(ylcls==2){
                if(bagylcheckbox.checked){
                    ylImageIndex= IDFieldsIndex ;
                    window.setTimeout("reloadpage(document.getElementById('pSize').value)",1000);
                }
                else{
                    ylImageIndex = -1;
                    window.setTimeout("reloadpage(document.getElementById('pSize').value)",1000);
                }
                return false;
             }
             var fl= document.frames.length
             for(i=0;i<fl;i++){

                createImagesPage(i,ylclass,IDFieldsIndex)
            }
        }
        function getylclass(v){ //根据表头文字获取该表物料或成品类型,1为成品,2为物料
                if(v.indexOf("编号")>-1){
                    return 1;
                }
                if(v.indexOf("款号")>-1){
                    return 1;
                }
                if(v.indexOf("公司编码")>-1){
                    return 2;
                }
                if(v.indexOf("物料编码")>-1){
                    return 2;
                }
                if(v.indexOf("物料编号")>-1){
                    return 2;
                }
                return 0;
        }
        function createImagesPage(PageIndex,ylClass,fieldsIndex){
             var i,ids="",newhtm="";
             var d = new Date();
             var pindex = PageIndex + 1
             var ss = ("ImgPage" + pindex)
             var imgdiv = document.getElementById(ss)
             if(!imgdiv){

                return ;
             }
             imgdiv.innerHTML="";
             if(!bagcheckbox.checked&&!bagylcheckbox.checked){
                return;
             }

             var pg=window.frames["pages" + pindex]
             if(pg){
                pg=pg.document.all["DataCell"]
             }
             else{
                return;
             }
             if(pg){
                //alert(PageIndex)
                for(i=1;i<pg.rows.length-1;i++){
                     ids=ids + pg.rows[i].cells[fieldsIndex-1].innerText + "`";
                }
             }
             else{
                //alert("--" + PageIndex)
             }

             htm=window.opener.GetTextByNet("ptype=3&ids=" + ids + "&ylcls=" + ylClass + "&t=" + d.getTime());

             htm = htm.split("`")
             for(i=0;i<htm.length-1;i++){
                newhtm=newhtm + "<iframe class='pageframe' frameborder='no' src='about:blank' name='" + imgdiv.id + "_ie_" + i + "'></iframe><br><br>";
             }

             imgdiv.innerHTML=newhtm;
             for(i=0;i<htm.length-1;i++){
                mname= imgdiv.id + "_ie_" + i
                for(ii=0;ii<document.frames.length;ii++){
                    if(document.frames[ii].name==mname){
                        document.frames[ii].document.write( "<style>span{height:22;font-size:12px;padding-top:2px}img.hb{}img{width:32mm;height:40mm;border:1px solid #eeeeee}body{margin:0px;overflow:hidden}td{width:33mm;text-align:center}</style><center style='font-weight:bold'>" + window.opener.root.title().replace("管理","").replace("查询","").replace("开","") + " - 图片</center><br>" + htm[i]);
                    }
                }

             }
             BindNuem(); //创建右键菜单
        }

        document.body.onload = function (){
            window.setTimeout("reloadpage(700)",1000);
        }
        function reloadpage(Psize){

            childevent = winobj.event.srcElement;
            childframe = winobj;
            return false ;
        }
        function ppmv(td){
                td.style.backgroundColor='#444477';
                td.style.color='white';
                popoShow()
        }
        function pput(td){
                td.style.backgroundColor='buttonface';
                td.style.color='#000000';
                popoShow()
        }
        function popoShow(){
            if(oPopup){
                //oPopup.document.focus();
            }
        }
        function setedit(){
            var htm = "";
            if(childframe.document.designMode.toLowerCase()!=="on"){
                htm = childframe.document.all[0].innerHTML;
                childframe.focus();
                childframe.document.all["DataCell"].contentEditable='true';
                childframe.document.designMode="On";
                childframe.document.focus();
                //childframe.src="about:blank";
                //childframe.document.write(htm);
            }
            else{
                childframe.document.designMode="Off"
            }
        }
        function ppClick(cmdType){
            var i,ii
            switch(cmdType){
                case 1:
                    childframe.document.execCommand("SelectAll");
                    break;
                case 2:
                    childframe.document.execCommand("Copy");
                    break;
                case 3:
                    childframe.focus();
                    WB.ExecWB(6,6);
                    break;
                case 4:
                    if(window.confirm("您确定删除该页吗？")){
                        var aFrms = parent.document.getElementsByTagName("IFRAME")
                        for(i=0;i<aFrms.length;i++){
                            if(aFrms[i].contentWindow==childframe){

                                aFrms[i].style.display="none";
                                break;
                            }
                        }
                    }
                    break;
                case 6:
                    if(window.confirm("您确定要手动编辑该报表吗？")){
                        window.setTimeout("setedit()",1000)
                    }
                    break;

            }
            try{
                oPopup.hide();
            }
            catch(e){

            }
        }


</script>