Question

我维护现有网站，并且我有一份需要打印的文档。

我做了一些更新以更正文档上的某些内容，但文档是从不同的窗口打印的。我想知道如何确保内部html适合浏览器窗口并在8 1/2 X 11张纸内打印。现在它会从纸张上流下来，当打印出纸张时，纸张会变得更糟。

内部html只是一个870px宽的html表，但即使将宽度减小到800px也不会改变它在窗口或打印中的显示方式。可打印版本是通过将标签的.text()属性更改为

来注入javscript点击事件来完成的弹出窗口

JS

function printClick() {  
    var w = window.open();  
    var html = $("#prntrForm").html(); 
    html.style.width = '92%';   
    $(w.document.body).html(html); 
}

$(function() {
    $("a#print").click(printClick); 
});

HTML

<a href="#"id="print">Printer Form</a>

无论如何，我真的只需要知道如何调整新窗口内容的宽度，使新窗口具有打印功能也很好但不是必需的。我发现的类似问题似乎指向改变css但我没有添加css。

Answer 1

要打印窗口（调出打印对话框）：w.print()
调整窗口大小：var w = window.open('', '', 'width=300,height=400');

更新了代码

function printClick() {  
    var w = window.open('', 'printform', 'width=300,height=400');  
    var html = $("#prntrForm").html(); 
    $(w.document.body).html(html); 
    w.print();
}

如何更改窗口内容的大小？

1 个答案: