Question

我遇到了javascript / html的问题。我已经制作了一个按钮，可以打开警报然后我想要在警报中单击“确定”时转到其他网页。这可能吗？这就是我得到的。

<button href="../index.html" onclick="return confirm_alert(this);">Nej</button>

编辑：我有一个新问题。我有4个“页面”（不知道该怎么称呼它们）我想要一起链接到它们。您回答问题并显示警报，将您重定向到下一页。我明白了第一个工作链接，而不是其他链接。

这是我用于第一个链接的内容，但是当我有多个这样的链接时，它不起作用。我尝试给它们不同的标签/名称但是没有用。

<button href="../index.html" onclick="return confirm_alert(this);">Nej</button>
<script>
function confirm_alert(element) {

redirect = confirm("confirmation for redirecting?");

if(redirect) {
  window.location = element.dataset.href
}
</script>

英语不是我的母语，所以我很抱歉所有的拼写错误。提前谢谢。

Answer 1

这不是有效的标记。

按钮没有href属性。您可能希望使用链接<a>代码，或者您需要使用javascript来使用window.location = 'http://google.com'重定向用户

Answer 2

这样可以解决问题：

function confirm_alert(element) {
  
    redirect = confirm("Do you want to redirect?");
  
    if(redirect) {
      window.location = element.dataset.href
    }
}

<button data-href="http://www.google.com" onclick="return confirm_alert(this);" class="knap3" >button</button>

由于您使用的是按钮，因此最好定义data-*属性而不是href属性，因为按钮小部件中不存在指令href。然后在方法confirm_alert(this)中，我们将元素作为参数传递，获取其data-href属性并使用confirm()方法确认用户是否要重定向。此方法返回一个布尔值，确认用户是否接受。然后，window.location重定向用户。

<强>参考

数据 - *属性 - https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes

Window.location - https://developer.mozilla.org/en-US/docs/Web/API/Window.location

按钮提醒链接

2 个答案: