javascript - 链接页面的 HTML/JS 解释对话框

标签 javascript html hyperlink onclick dialog

我的页面上有一个链接,单击该链接会打开一个新选项卡,其中包含另一个页面(不受我控制)。由于我将用户重定向到此页面,我想向他们解释现在他们应该在此页面上执行的操作(“现在请按此页面上的绿色按钮。”)。我想打开一个带有解释的对话框。我可以忍受用户在遵循建议之前必须关闭此对话框。

我尝试使用onclick="alert('<msg>');"在链接中。但是这个首先创建了对话框,并且只有当用户关闭对话框时,链接才会被跟踪。用户体验被打乱了。我可以给出类似“您现在将打开一个新窗口;在此请执行以下操作...”的消息,但我更愿意在新页面上显示对话框。

我尝试使用 onclick="setTimeout(function() { alert('<msg>'); }, 3);" (如in this answer所述)。这实际上在新选项卡中打开新页面,但当对话框异步出现时切换回原来的页面。这再次扰乱了用户体验;我当然希望对话框出现在新页面上。

有什么办法可以实现我的目标吗?我想打开新页面,使其可见,保持可见,然后在新页面可见时向用户显示说明。有什么办法可以实现这一点吗?

最佳答案

除了能够重定向其他页面之外,您无法控制其他页面,但由于这对许多人来说是一个安全问题,因此可能不是一个好的解决方案。

您唯一可以更改的是网站上的内容,因此无法在其他网页上显示对话框,除非该页面可以获取查询字符串并将其显示为警报(极不可能)。

您将需要使用现有方法之一,或者在 i 框架中打开其他网站(如果其他网站允许的话)。这意味着您仍在网页上并且可以完全控制发生的情况。 例如:

  • 点击链接
  • 在后台打开 iframe
  • 显示带有说明的模式
  • 用户关闭模式并按照 iframe 中的说明进行操作

关于javascript - 链接页面的 HTML/JS 解释对话框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42529411/

相关文章:

javascript - 隐藏浏览器的地址栏

html - 并排排列标签和输入的最佳方式

javascript - Jquery 循环在第一次加载时没有正确加载样式

url-rewriting - 在 IIS 7.5 上的 Mediawiki URL 中显示冒号

c# - 使用 C# 创建带有文本/标题的超链接并将其复制到剪贴板

hyperlink - 在 Redmine Wiki 上链接

javascript - 如何将隐藏表单元素值设置为单击元素的数据属性值

javascript - Javascript按名称删除嵌套对象的属性

javascript - 当属性可能不存在时,与数组中的对象属性不同的值

php - 重新加载时保存复选框状态