美文网首页
关于子窗口 onload 事件

关于子窗口 onload 事件

作者: Troubleshooting | 来源:发表于2016-03-06 14:28 被阅读119次

写几篇简书,先从一个简单问题开始,这问题与导出为 PDF 相关,但是 htmltopdf 这个工具在我电脑上不可用,所以我果断放弃了使用 pdfkit。偶然间我发现 Chromium 下右键再 print... 可以保存为 PDF 并且导出样式也基本一致。但是这样又引发了一个新问题:
例如这样,导出的 js 代码只一行,自己去点击 save 按钮来保存。

function ExportToPDF () {
  window.open(window.location.href.replace(/#.*?$/, '') + '/export_to_pdf');
}

如何在子窗口的 onload 事件上加动作,例如我想等子窗口加载完毕,去点击一个按钮,然后再调用子窗口的 print。否则有些东西被隐藏,打印出来无意义。
这问题各种方法尝试了很多,最终都没有达到想要的效果,一句一句在 console 下执行都没有问题,写代码中去都没有反映了。最终的一般化方法并没有找到,现在也只是根据这个特例来专门解决,想打印的页面和当前的页面区别只是有没有 layout 和是否点击显示全部的按钮,其实一切动作都当成是一个页面就好了,通过 url 区分一下就可以了。

window.onload = function() {
  // ...
  if (window.location.href.match(/export_to_pdf$/)) {
    document.getElementById('show_hide_all_button').click();
    window.print();
  }
}


function ExportToPDF () {
  window.open(window.location.href.replace(/#.*?$/, '') + '/export_to_pdf');
}

最后 export_to_pdf 的路由应该是这样:

      get :export_to_pdf, on: :member

相关文章

  • 关于子窗口 onload 事件

    写几篇简书,先从一个简单问题开始,这问题与导出为 PDF 相关,但是 htmltopdf 这个工具在我电脑上不可用...

  • BOM window对象的常见事件

    一、窗口加载事件 1、window.onload window.onload 是窗口(页面)加载事件,当文档内容完...

  • window常见 事件、方法、属性

    两个常见事件 Window.onload 语法: window.onload是窗口(页面)加载事件,当文档内容完全...

  • js事件入门(5)

    5.窗口事件 #5.1.onload事件 元素加载完成时触发,常用的就是window.onload #5.1.re...

  • 处理事件

    一、窗口事件处理 1. onload事件:当用户进入页面且所有页面元素都完成加载时,就会触发onload事件。 1...

  • JavaScript事件

    一、onload事件 onload事件会在整个页面加载完成之后才触发为window绑定一个onload事件,该事件...

  • jquey操作Iframe

    记录jquery操作iframe 子窗口调用父窗口中的方法 子窗口触发父窗口中的事件 父窗口中查找子窗口中的元素

  • onpageshow事件

    onpageshow 事件在用户浏览网页时触发。onpageshow 事件类似于 onload 事件,onload...

  • onload事件

    sample 当页面载入完毕后执行Javascript代码: 定义和用法 onload 事件会在页面或图像加载完成...

  • onload事件

    如果我问你window.load和window.onload分别是什么意思,恐怕你会回答我:“这不是页面加载完就执...

网友评论

      本文标题:关于子窗口 onload 事件

      本文链接:https://www.haomeiwen.com/subject/mcbokttx.html