javascript - 通过javascript在新窗口中查看pdf文件

Question

我有以下 php 代码:

<span><?php if (!empty($post_file)){echo "PDF FILE: &nbsp&nbsp&nbsp&nbsp&nbsp <a href='./pdf/$post_file' title='PDF' onclick='pdfOpen();' rel='nofollow'><img src='./images/acrobat-reader.png' height='22px;' width='19px;'></a>";}?></span>

以及 onclick 事件的 Javascript 函数:

<script>
function pdfOpen(){
   window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;   
};
</script>

问题是，当我单击img时，pdf文件在初始页面中正常打开，然后按照我在Javascript代码中设置的方式打开一个新窗口，但新窗口是空白的......没有url，没有pdf，什么都没有。 。我该如何修复它？非常感谢您的努力？

Answer 1

出现此问题的原因是用于 onlick 处理程序的代码片段:

    onclick="pdfOpen()"

此字符串编译为用于设置链接的 onclick 属性的函数:

    function( event) {
        pdfOpen();
    }

它调用pdfOpen，而没有将this值设置为 anchor 元素。尝试一下

    onclick="return pdfOpen(this)"

在标签中，与

组合

        function pdfOpen( anchor){
            window.open(anchor.href,'win2',
        'status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no');
         return false;   
        };

当然，您可以设置并调用 event.preventDefault，而不是从 onclick 处理程序返回 false 以阻止默认事件处理。

更好的替代方案是在 DOM 准备好后执行的脚本中添加或注册事件处理程序。这避免了与 HTML 中的代码片段相关的问题，这些代码片段被设计为在 HTML 3 下工作。