javascript - window.print 不工作 在所有主要浏览器中尝试了所有方法

Question

我正在尝试使用 window.print 打印页面，但它并不适用于所有浏览器。

这是我正在使用的代码:

<div class="user_buttons">
    <!--Test 1-->
    <A HREF="javascript:window.print()"><IMG SRC="images/print.png" BORDER="0"</A>

    <!--Test 2--> 
    <FORM>
        <INPUT TYPE="button" onClick="window.print()">
    </FORM>

    <!--Test 3-->
    <SCRIPT LANGUAGE="JavaScript"> 
    if (window.print) {
        document.write('<form><input type=button name=print value="Print" onClick="window.print()"></form>');
    }
    </script>

    <!--Test 4-->
    <img src="images/print.png" onclick="window.print()">
    <div><a href="overzicht.php"><img src="images/overzicht.png" title="Terug naar overzicht"></a></div> 
</div>

如您所见，我正在尝试互联网提供的多种解决方案。令人沮丧的是，这些代码在演示站点上有效，但它们不在我的页面上。我在 JSF 中发布我的代码。 JSF 示例将不是一个工作示例，但它将在 javascript 区域中包含完整代码。整个代码的链接在这里:http://jsfiddle.net/7bRNu/

Answer 1

我终于明白了。在一大堆代码中查找错误是一个非常痛苦的过程。 下次您在 stackoverflow 上提问时，请确保将问题分解为更小的部分，并仅发布您认为可能导致问题的代码。

在整个代码的最底部，有一个小脚本部分，其中写着:

var print = document.getElementById("print").value;

您处于全局范围内，这意味着您声明的每个变量都将是 window 的属性。因此，通过编写 print =，您实际上重新定义了 window.print。更改此变量的名称，您应该会很好。下面一行只是一个例子。您可以选择您喜欢的任何变量名称。只是不要使用 print。

var printValue = document.getElementById("print").value;