JS 将资源在一个已打开的标签也加载

JavaScript

最近遇到一个需求, 需要在新标签页加载资源, 并且维护这个新的标签页, 保持单例不能存在多个.

直接上代码

<button onclick="go()">222222222222</button>

<script> 
   var newwindow=null;
   function go() {
      if (newwindow === null || newwindow.closed) {
         newwindow = window.open('http://anybbo.com', "_blank");
      } else {
         newwindow.location.href = "http://baidu.com";
         newwindow.focus();
      }
   }
</script>

• 逻辑 A(主页面), B(新标签页)

  1. B不存在, 创建B, 并在B中打开
  2. B存在, 则在B中打开
  3. B是closed状态, 则重新创建B并打开

还可以在新的窗口加载资源, 可以参考文档

参考 MDN文档
参考 网友回答

本文由 anybbo 创作，采用 知识共享署名4.0 国际许可协议进行许可
本站文章除注明转载/出处外，均为本站原创或翻译，转载前请务必署名
最后编辑时间为: Dec 17,2020