如何使用 JavaScript 在用户搜索后关闭打开的窗口

本文旨在解决 web 游戏中需要限制用户使用搜索引擎时间的问题。通过使用 `

在 Web 游戏开发中，有时我们需要为用户提供一些辅助功能，例如允许用户在一定时间内使用搜索引擎。然而，直接使用 window.open() 打开新窗口并在一段时间后使用 window.close() 关闭它，可能会因为浏览器的安全策略而失效，尤其是在用户已经与该窗口进行交互（例如进行了搜索）之后。更安全和用户友好的方法是使用

使用

首先，在 HTML 中创建一个容器和一个按钮，点击按钮时将创建并显示

  Use Google
  

然后，使用 JavaScript 为按钮添加点击事件监听器。当按钮被点击时，创建一个

const container = document.getElementById('container');
const btn = document.getElementById('btn');

btn.addEventListener('click', () => {
  const iframe = document.createElement('iframe');
  iframe.src = 'https://google.com/';
  container.appendChild(iframe);

  // 在 20 秒后移除 iframe
  setTimeout(() => {
    iframe.remove();
  }, 20000);
});

定时移除

使用 setTimeout() 函数可以在指定时间后执行一段代码。在本例中，我们使用 setTimeout() 在 20 秒后移除

setTimeout(() => {
  iframe.remove();
}, 20000);

这段代码会在 20 秒 (20000 毫秒) 后执行 iframe.remove()，从而从页面中移除

完整代码示例

将上述 HTML 和 JavaScript 代码结合起来，就得到了一个完整的示例：

  


  
    Use Google
    

  

  

注意事项

• 安全性： 虽然
• 用户体验： 在使用
• 跨域问题： 如果

总结

使用