javascript - 打印object标签的url加载的页面

Question

我正在尝试打印reactjs模式的内容。我在模态中嵌入了一个 url，并希望使用这些内容打印模态。下面是我的代码

<Modal.Body>
          <div>
             <object id="printableArea" type="text/html" data="http://www.xyztest.net/obj.html" className="objectClass">
        </object>
          </div>
        </Modal.Body>

我的打印按钮功能是

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

这不会打印对象标记 url 内容。请让我知道如何实现这一点。我不想使用 iframe

Answer 1

弹出窗口可能是一个更简单、更可靠的解决方案。假设divName指的是 <object>标签，你可以这样做:

handleToggle: function (divName) {
    var url = document.getElementById(divName).getAttribute('data');
    var win = window.open();
    win.document.write('<iframe style="width:100%;height:100%;padding:0px;margin:0px;" src="'+url+'" frameborder=0></iframe');
    setTimeout(function(){ 
       win.window.print()
    }, 1000);
}

这将打开一个空白的弹出窗口，编写一个 iframe 并将 src 设置为您的网址。然后等待页面加载并触发打印