javascript - 我需要什么 javascript 同时打开两个网页并关闭前一个选项卡?
问题描述
我正在做一个考试项目,学生将点击一个选项,该选项将打开两个包含不同案例研究的选项卡并关闭前一个选项卡,但我没有使用 Javascript 的经验,我不确定如何解决这个问题。
它建立在 Wordpress 之上,我尝试过使用各种插件,但都失败了。我已经设法获得在新标签页中打开的链接(与但不关闭前一个标签或打开两个带有单个网页的标签页没有区别。
我们目前在 HTML 中使用锚标记并将 javascript 内联,但我认为我们可能需要以不同的方式处理它,可能通过调用 javascript 文件。
我们希望使用 Javascript,因为它允许我们添加代码以在用户点击链接时跟踪他们。
页面布局非常基本,上面有一个链接(它有一个网页浏览转换跟踪代码来跟踪参加考试的学生人数)所以脚本与其他任何内容冲突的可能性很小,这就是前一个选项卡应该关闭的原因自动避免分心
<a href="http://www.example.com" onclick="window.open('https://www.example.com');return false">Example</a>
它在新选项卡中打开网页,但我不确定如何让它打开两个新选项卡(不同的 URL)并关闭前一个选项卡。
(我注意到有人问了类似的问题,但没有解决关闭前一个标签的问题)
解决方案
要一次打开多个页面,您可以使用以下代码。
window.open('url1.com');
window.open('url2.com');
要关闭当前选项卡/窗口,请使用
window.close();
要像您的示例代码那样在内联事件处理程序中执行所有 3 个操作,您可以使用不同的 url 调用 window.open 两次,window.close(),然后返回 false。
推荐阅读
- python - Wagtail / Django:查询过滤器仅返回用户有权访问/权限的页面?
- react-native - 无法启动基本的 react-native AwesomeProject
- r - 如何从 POSIXct、POSIXt 转换为数字
- dialogflow-es - 使用人脸检测触发 DialogFlow
- php - SQLSTATE [42S22]:未找到列:1054 事务模型中的未知列
- amazon-web-services - AWS CloudFront OCSP 装订
- entity-framework-core - 实体类型 HashSet
使用 RemoveRange 时未找到 - javascript - VueJS Web 应用程序中的 Google Maps API 弃用错误:utc_offset 自 2019 年 11 月起弃用,并将于 2020 年 11 月关闭
- php - 在 Yii2 框架中使用 ActiveForm 的文件上传字段不起作用
- opencv - OpenCV 编码为 H264 更改灰度图像的原始 RGB 像素值