textarea 打印

来源：互联网发布：安徽职业技术学院域名编辑：程序博客网时间：2024/05/18 13:07

<textarea name="HostFileName" rows="30" style="width:100%;overflow:visible" id="FormsEditField2" readonly><ebank:element name='HostFileName' /></textarea>

style="width:100%;overflow:visible"   可以让textarea内容全部显示

但是打印时只能打印一页

如果在页面直接显示 <ebank:element name='HostFileName' /> 没有换行很难看

使用 <pre><ebank:element name='HostFileName' /></pre> 就可以换行然后选择常规打印就可以了

<input type="button" name="print" value="打印" onClick="JavaScript:allprint('button')" class="NOPRINT">

function allprint(ID){

    // 隐藏按钮
    var targetArray = window.document.all.tags(ID);
    for(var i=0;i<targetArray.length;i++) {
        targetArray[i].style.display="none";
    }
    // 隐藏图片
    var imagesarray =window.document.images
    for(var i=0;i< imagesarray.length;i++)
    {
       imagesarray[i].style.display="none";
    }

    // 打印
    window.print();

    // 恢复按钮
    for(var i=0;i<targetArray.length;i++) {
        targetArray[i].style.display="";
    }
    // 恢复图片
    for(var i=0;i< imagesarray.length;i++)
    {
        imagesarray[i].style.display="";
    }
}