Javascript 使用jquery打印iframe内容

Javascript 使用jquery打印iframe内容,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个iframe: <iframe name="printarea" id="printarea" src="print.php" style="display: none;"></iframe> 这就是我想要的: -用户点击链接 -iframe内容会根据他单击的链接进行更改 -iframe内容打印 什么是$('#printarea').focus()应该实现什么?据我所知,.focus()可用于表单元素和链接 什么是$('#printarea')。print()?

我有一个iframe:

<iframe name="printarea" id="printarea" src="print.php" style="display: none;"></iframe>
这就是我想要的: -用户点击链接 -iframe内容会根据他单击的链接进行更改 -iframe内容打印

  • 什么是
    $('#printarea').focus()应该实现什么?据我所知,
    .focus()
    可用于表单元素和链接
  • 什么是
    $('#printarea')。print()?在jQuery中没有遇到过这个函数。如果您使用的是插件,请说明是哪个插件
  • 因此,也许你会有更多的运气:

    function print_receipt (id)
    {
        $('#printarea')
           .attr('src', 'print.php?id='+id)
           .css("display","block");
    }
    
  • 什么是
    $('#printarea').focus()应该实现什么?据我所知,
    .focus()
    可用于表单元素和链接
  • 什么是
    $('#printarea')。print()?在jQuery中没有遇到过这个函数。如果您使用的是插件,请说明是哪个插件
  • 因此,也许你会有更多的运气:

    function print_receipt (id)
    {
        $('#printarea')
           .attr('src', 'print.php?id='+id)
           .css("display","block");
    }
    
    2个问题:

  • 您可能需要等待页面加载完毕
  • print()是窗口对象的一种方法

  • 2个问题:

  • 您可能需要等待页面加载完毕
  • print()是窗口对象的一种方法

  • function print_receipt (id)
    {
        $('#printarea')
           .attr('src', 'print.php?id='+id)
           .css("display","block");
    }
    
       $('#printarea')
        .load(function(){this.contentWindow.print();$(this).unbind('load');})
         .attr('src', 'print.php?id='+id);