javascript - 打印功能无法正常工作

标签 javascript jquery html css angularjs

我有以下打印功能

$scope.printDiv = function(divName) {
  var printContents = document.getElementById(divName).innerHTML;
  var popupWin = window.open('', '_blank', 'width=600,height=600');
  popupWin.document.open()
  popupWin.document.write('<html><head><link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /><link rel="stylesheet" href="css/main.css"/></head><body onload="window.print()">' + printContents + '</html>');
  popupWin.document.close();
 }

我期待像网页一样的结果,但它没有正确对齐,特别是顶部菜单栏出现在打印的整个页面上。

最佳答案

您需要将新窗口的宽度600增加到至少800,例如,

// here I am using 1024 for proper alignment
var popupWin = window.open('', '_blank', 'width=1024,height=600');

关于javascript - 打印功能无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32708430/

相关文章:

javascript - body 不是 100% using::after pseudo

javascript - react Hook : Access to state inside an external function

html - 如何使用 z-index 将 div 推到后面?

html - Bootstrap 表格图像作为边框

javascript - 我可以选择类型 ="file"吗?

当我使用 java 标签时,JSP 内的 JavaScript 不起作用

javascript - 如何将函数用作事件处理程序并使用参数直接调用?

javascript - 无法在我的 ASP.NET MVC 应用程序中运行任何 jQuery 插件,原因是什么?

javascript - 使用 jQuery 从 DOM 中删除 SVG 元素

php - 在 Cvent 中避免 CSS 覆盖的方法?