如何防止浏览器阻止我创建的弹出窗口?

2023-12-24

我创建了一个简单的 JavaScript 函数来在加载后显示我的弹出窗口。但它一直被 Firefox 和 Google Chrome 阻止,我必须以某种方式在 Firefox 和 Chrome 上启用它才能显示弹出窗口。

有其他选择吗?

我在弹出窗口上有一个播放器,所以我必须使用弹出窗口让播放器自动播放。问题是,如果我把它放在页面本身上,一旦用户单击另一个页面,整个页面就会重新加载,播放器会自动停止几秒钟,直到整个页面重新加载,我必须防止这种情况发生。


一般规则是,弹出窗口拦截器将在以下情况下启动:window.open或类似的内容是从 javascript 调用的,而不是由直接用户操作调用的。也就是说,你可以调用window.open响应按钮单击而不会被弹出窗口阻止程序击中,但如果您将相同的代码放入计时器事件中,它将被阻止。调用链的深度也是一个因素 - 一些较旧的浏览器只查看直接调用者,较新的浏览器可以稍微回溯以查看调用者的调用者是否是鼠标单击等。保持尽可能浅以避免弹出窗口阻止程序。

请看这里 dthorpe 的回答。它涵盖了你的问题。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何防止浏览器阻止我创建的弹出窗口? 的相关文章

  • 如何向 Parse Signup 功能添加额外属性?

    我想向我的解析注册函数添加一个额外的属性 我的代码就像 signUp function e var self this var username this signup username val var password this sign
  • div 内的淡入和淡出文本

    我有一个带有 CSS 样式的 div 将其显示为按钮 div class btn green Word 1 div 和 CSS 样式 btn display inline block background url btn bg png re
  • 展开/折叠 div

    我在 PHP MySQL 生成的单个页面上有多个展开 折叠框 问题是 当我单击一个链接来展开一个框时 它会展开所有框 我考虑过在课程末尾附加帖子 ID div class postreplycontainer POST ID 但我不确定这是
  • 如何使用 javascript 删除前 5 或 7 个字符

    我已经使用下面给定的 javascript 发布了一个问题
  • JSON 对象 - 访问 React Native 中的值

    在我的 React Native 应用程序中 我使用 RNDBModels 包 它是 AsyncStorage 的包装器 目前 我正在通过 RNDBModels 保存一个 JSON 对象 并且该对象可以正常工作 但是访问数据具有挑战性 当代
  • 在测试时尝试渲染组件的浅层副本时,“导航栏指的是一个值,但在这里被用作类型”

    我正在尝试为我的 React 组件编写一个测试 使用 TypeScript Jest 作为我的测试运行程序 并使用 Enzyme 来测试我的 React 组件 每当我将组件传递到shallow酶函数 我收到 ts 错误 Navbar 指的是
  • 字体大小缩放取决于文本和父 div 的长度

    反应 Javascript 我有一个 div 它包含一个段落 这是一个问题框 因此可以更长或更短 我想解决这个段落是否较长 文本数量 的问题 然后缩小字体大小以使文本适合 div 如果段落较短 请放大字体大小 字体大小限制不是最好的方法 我
  • 反应多个高阶组件

    我刚刚发现在我的 React 项目中使用 HOC 的惊人好处 我的问题是在组件上调用多个 HOC 函数会对性能造成影响吗 Example export default withState withLabel withTheme MyComp
  • 根据已知的纬度和经度点在图像上放置点的尝试失败

    我为这个含糊的标题道歉 我真的想不出更好的方法来总结它 非常欢迎提出建议 我正在开发一个实际上不需要谷歌地图的项目 它只会为这个项目带来额外的开销 但是 到目前为止 我不知道如何在没有谷歌地图的情况下做到这一点 如果我要将平面图的图形叠加层
  • 从express.js 中删除所有标头

    我正在创建一个页面 其中有一些数据可以由另一个设备解析 我曾经使用 php 执行此操作 但现在将其移至 Node js 我需要从页面中删除所有标题 这样我就只有我的输出 此输出是对 GET 请求的响应 此刻我有 HTTP 1 1 200 O
  • 如何将变量从 JavaScript 传递到 PHP?

    我正在使用 jQuery 来计算价格 这是我的 JavaScript 的一小段 Prices radio var curLam gloss input name lamination click function var gloss 5 v
  • jQuery 拖放而不破坏拖动的项目

    我在以下方面遇到一些困难 需要一些关于如何 简单地 实现这一目标的指导 使用 jQuery 我如何将一个对象拖动到容器中 为事件注册它 并将原始拖动的项目保留在适当的位置 这很难解释 所以我能给出的最好的就是一个带有工作示例的网站 在此输入
  • 如何配置节点肥皂请求正文的根元素?

    我正在尝试使用以下方法调用 SOAP 方法节点肥皂包裹 我的服务的 WSDL 是
  • 使用 PhoneGap for Android:无法在数据库中创建表

    背景 我是 PhoneGap 的新手 尝试在 Android 上使用 HTML5 PhoneGap 在 SQLite 中创建一个简单的表 这是我的 HTML 代码 使用 PhoneGap 网站的参考代码
  • 使用 CSS 进行标签和输入布局

    我试图将标签和输入框排列在同一行 使得标签占据它所需的所有空间 然后输入框使用所有剩余空间 例如 如果容器为 1000 像素 标签为 342 像素 则输入宽度应为 658 像素 但如果标签更改为 100 像素 则输入大小应调整为 900 像
  • 在文本基线上水平对齐块

    我有以下 HTML 代码
  • angular.js ng-repeat 用于创建网格

    我正在尝试使用 bootstrap 3 和 angularjs 创建一个网格 我试图创建的网格是这样的 使用 ng repeat 重复 div class row div class col md 4 item div div class
  • 如何在 iOS 中的电子邮件的 HTML 正文中嵌入图像

    我正在尝试在从 iPad 发送的 HTML 电子邮件的正文中包含图像 这似乎是不可能的 我尝试过使用 CID 方法 但似乎在 iOS 中无法获取 设置附件的 CID 我也尝试过将图像嵌入src data image png base64 b
  • Three.js 变换控件 - 如何仅显示两个箭头

    我必须仅使用场景中的变换控件在 XY 方向上显示两个箭头或变换对象 通常 我会问您到目前为止尝试过什么 但是没有关于此控件的文档 如果您不知道自己在寻找什么 那么它是一个相当复杂的对象 需要深入研究 考虑你有一个TranformContro
  • 为什么在用一种元素替换另一种元素时,replaceChild() 的行为会很奇怪?

    我对 javascript 比较陌生 发现了一个我今天无法解释的有趣行为 我有一个习惯 hr 带有图像 在网站上 在 IE7 及更低版本中显示奇怪 为了克服这个问题 我想使用replaceChild 结合getElementsByTag 最

随机推荐

  • MySQL - 查询所有没有预约的用户

    如果我有两个表 用户和约会 我将如何查询数据库以找到类似以下内容的内容 SELECT FROM users WHERE none of appointments user user id 我假设我需要某种类型的约会表连接 只是不知道从哪里开
  • Apache 缓存 javascript 资源?

    不久前我在使用 javascript 资源时遇到了麻烦 当我对它们进行更改时 它们不会生效 文件将变成无效的 javascript 萤火虫抛出错误和警告 我注意到我的更改没有出现 并且特殊字符被添加到文件末尾 再进一步挖掘 我注意到特殊字符
  • JavaScript 圆角透明背景

    我正在寻找一个可以在上面创建圆角的 JavaScript 库div具有透明背景的标签 使得父元素的背景颜色 图像在圆角处可见 以圆角为例without透明背景 看看左边的菜单这一页 http chaletsdesbouleaux com 请
  • Angular UI-Router 将根 url 发送到 404

    我有一个令人恼火的问题ui router 一切都按我想要的方式进行 所有错误的 URL 都会发送到404状态 但是 即使当 url 为时我的默认状态正确呈现 网址为 被重定向到 404 我怎样才能提供服务default向双方声明 and a
  • 更改 jquerymobile 上的自定义导航栏图标

    尚未找到更改具有多个页脚的页面上的自定义导航栏图标的解决方案 这就是我目前正在使用的 live menu ui icon css background url btn on gif important live menu ui icon c
  • 尝试在 for 循环中将元素添加到 xml 文件时出现 HIERARCHY_REQUEST_ERR

    正如标题所示 我尝试使用 for 循环将元素添加到 xml 文档中 我有一个ArrayList称为的字符串names我希望迭代 并为每个名称创建一个
  • 尝试打开 Pandas 时历史记录保存线程错误

    我刚刚在工作的远程桌面上安装了 IPython 我必须在桌面上创建一个快捷方式来连接到 IPython 因为远程桌面无法访问互联网 我能够成功打开 IPython 笔记本 但是 当我尝试导入 pandas 时 import pandas a
  • 如何测量执行的汇编指令的数量?

    我想以某种方式从二进制文件中获取 已执行的汇编程序指令的数量 考虑下面的代码 if password 0 p if password 1 a printf Correct Password n 那么如果我用例如启动程序 abc 它不会采用第
  • 迭代器不属于其分配的文本缓冲区

    这是一个简单的骨头save as 功能 gint save as GtkWidget parent struct buffers B GtkWidget file chooser gtk file chooser dialog new Sa
  • Javascript 模块模式、原型和 Google Closure

    我无法让此代码结构在 Google Closure 编译器的混淆中幸存下来 这是一些示例代码 var MyModule function function myModule Constructor function moduleFoo ur
  • 消除二值图像中的字符倾斜

    我正在研究车牌识别 问题是我必须消除二值图像中的字符倾斜 以提高模板匹配的准确性 我已经做了很多预处理来删除图像中不必要的像素 并且我可以将字符分割出来 但不幸的是 它们是倾斜的 从 转换为灰度到二进制 然后 预处理技术 分割后 从最后一张
  • XSLT:使用键和条件的“选择值”?

    这个问题是上一个线程的后续问题 XSLT 根据其他节点的值之和进行排序 https stackoverflow com questions 13502321 xslt sorting based on sum of values from
  • 如何在 App Engine 上免费运行应用程序

    我正在尝试在 Google App Engine 上运行 Parse Server 一个 Node js 应用程序 我正处于试用期 有 300 美元的免费信用 从这个页面开始 https cloud google com appengine
  • 将 Unity3d 与 Node.js 连接

    我正在尝试使用socket io 将我的unity3d 程序与node js 服务器连接 使用UnitySocketIO 我成功地建立了客户端和服务器之间的连接 但是 On 或 Emit 方法不起作用 有人可以帮我解决这个问题吗 void
  • 在 Matplotlib 中更改/删除轮廓线的透明度

    我正在使用轮廓绘制一些数据 但在设置透明度时遇到麻烦 我希望能够设置填充和线条的透明度 但似乎无法做到这一点 我的代码的简化版本如下 array np random rand 100 100 lonit and latit are lati
  • SQL - 如果满足使用多个先前列的条件,则 LAG 获取先前的值

    我有一个由以下人员创建的表 CREATE TABLE test table id INT EventName VARCHAR 50 HomeTeam VARCHAR 25 Metric INT INSERT INTO test table
  • 防止 AJAX 以字符串形式发送文件

    I have a file stored in this form imagesFile variable It contains file below 我想使用发送它FormData and AJAX 仅供参考 我正在使用 Vue 和 L
  • DDD:共享具有多个聚合根的实体

    学习DDD 在我们的应用程序中存在三个聚合根 不同类型的表单 所有这些都需要上传一些PDF 这些 pdf 上传附加了一些元数据 例如上传者和上传时间等 以便将它们存储在自己的表中 我的问题是这个 PDF 是否应该建模为值对象 实体或聚合根
  • 如何在 Azure AD B2C 中添加 b2c-extensions-app

    我使用经典的 Azure 门户创建了一些 B2C 目录 有时它会添加 b2c extensions app 但有时则不会 当我删除目录时 Azure 似乎有很长的内存 这阻止我尝试重新创建它 使用相同的名称 有没有办法手动添加 b2c ex
  • 如何防止浏览器阻止我创建的弹出窗口?

    我创建了一个简单的 JavaScript 函数来在加载后显示我的弹出窗口 但它一直被 Firefox 和 Google Chrome 阻止 我必须以某种方式在 Firefox 和 Chrome 上启用它才能显示弹出窗口 有其他选择吗 我在弹