未解决的函数或方法JavaScript yii2

时间:2017-10-26 11:50:20

标签: javascript jquery printing

我想打印HTML的内容。为此,我创建了一个函数,在这个函数中,我已经传递了div ID。但是选择显示以下消息。

enter image description here

我的javascript位于document.ready函数

function printDiv(divName) {
  var printContents = document.getElementById(divName).innerHTML;
  var originalContents = document.body.innerHTML;
  document.body.innerHTML = printContents;
  window.print();
  document.body.innerHTML = originalContents;
}

在这里我收到错误Unused function printDev

我尝试启用NodeJS and NPM但仍然没有使用

任何帮助都将受到高度赞赏。

1 个答案:

答案 0 :(得分:1)

  

我的javascript在document.ready function

如果您在另一个函数中定义了printDiv函数,那么您的onclick HTML参数将无法看到它。

您可以将其定义为全局函数,也可以将eventListener添加到document.ready函数中的元素中:



function printDiv(divName) {
       var printContents = document.getElementById(divName).innerHTML;
       var originalContents = document.body.innerHTML;
       document.body.innerHTML = printContents;
       window.print();
       document.body.innerHTML = originalContents;
}

$( document ).ready(function() {
    document.getElementById("printButton").addEventListener("click", function() {
        printDiv('print');
    });
});

<!DOCTYPE html>
<html lang="en">
<head>
  <script src="https://code.jquery.com/jquery-2.2.4.js"></script>
</head>
<body>
  <input type="button" id="printButton" value="Print PDF"></input>
  <div id="print"></div>
</body>
</html>
&#13;
&#13;
&#13;