Question

我有一个食谱博客，并且有一个选项可以从博客文章中打印出食谱，这一切都已设置好并且效果很好，正确的东西可以使用此javascript打印等：

<script type='text/javascript'>

// Print recipe using iframe
function printRecipe(){
var content = document.getElementById(&quot;recipe&quot;);
var pri = document.getElementById(&quot;ifmcontentstoprint&quot;).contentWindow;
pri.document.open();
pri.document.write(content.innerHTML);
pri.document.close();
pri.focus();
pri.print();
}

我想要做的是在每个“打印配方”的底部添加一个带有网址的页脚。这将从配方到配方不变，但我不希望它显示在原始配方上，因此只有在打印配方时才需要显示。所以我知道我必须在这段代码中添加它，但到目前为止还没有运气。

我试图搜索大量的论坛，但没有真正回答必须简单的问题..

请帮忙！感谢。

Answer 1

这一行之后：

pri.document.write(content.innerHTML);

添加页脚：

pri.document.write("My custom footer! Can include HTML");

最终代码：

<script type='text/javascript'>

// Print recipe using iframe
function printRecipe(){
var content = document.getElementById("recipe");
var pri = document.getElementById("ifmcontentstoprint").contentWindow;
pri.document.open();
pri.document.write(content.innerHTML);
pri.document.write("My custom footer! Can include HTML");
pri.document.close();
pri.focus();
pri.print();
}
</script>

如何将非变量文本添加到javascript打印弹出窗口？

1 个答案: