在新窗口中打开一个链接,然后立即显示打印窗口

时间:2015-07-08 00:48:47

标签: javascript

我想在新的弹出窗口中显示网址内容,然后立即显示打印窗口以打印该网址的内容,我可以问你该怎么做?

我编辑我的问题:我真的想要打开一个弹出窗口,加载给定网址的特定div(用于打印帖子的友好视图),加载完成后,打开打印窗口......

有任何想法吗?

2 个答案:

答案 0 :(得分:3)

我的解决方案在当前链接上非常简单我已经有一个内联的onclick事件定义,如:onclick =" window.open(....)",我只是添加"。打印()"在" .open()"为了在加载URL后自动显示打印对话框,我已经测试了chrome和firefox for linux并按预期工作。

我的代码看起来像这样:

<a class="btn btn-success" href="#" onclick="window.open('URL_TO_POST','POPUP WINDOW TITLE HERE','width=650,height=800').print()">Print</a>

希望这就是你要找的东西

答案 1 :(得分:0)

如果我清楚地理解你的问题。这是一个简单的例子:

编辑1 :我所做的是隐藏不通过CSS媒体打印的元素。

<强> 1.PHP

<html>

<script>
    function sample() {
            var x = document.getElementById('txt').value;       
            window.open('2.php?x='+x);
    }
</script>
<input type = "text" id = "txt" />
<button onclick = "sample();"> Sample </button>

</html>

<强> 2.PHP

<html>

<style type="text/css">
   @media print
   {
       #not-print {display:none;}
   }
</style>

<body onload = "window.print()">

 <div id = 'print'>
 <?php

 if(isset($_GET['x'])) {
     echo $_GET['x'];
 } else {
     echo 'Hello World';
 }

 ?>
 </div>

 <div id = 'not-print'>
       This is not printed
 <div>
 </body>

 <html/>

编辑2 :请参阅以下代码:

<强> 2.PHP

<html>

<style type="text/css">
    @media print
    {
        #not-print {display:none;}
    }
</style>


<body>

<div id = 'print'>
    This should be printed!
</div>

<div id = 'not-print'>
This is not printed
<div>

<button onclick = "printdiv()">Print Div </button>

<script>
    function printdiv() {
        var mywindow = window.open("", '_blank');
        mywindow.document.write('<p>' + document.getElementById('print').innerHTML + '</p>');
        mywindow.print();
    }

</script>

</body>

<html/>