window.location 相关问题

我有以下（部分）代码：跨度类=“checkmarkz”> 我有以下（部分）代码： <input type="checkbox" id="myCheck"> span class="checkmarkz"></span> <a href="test.zip" class="download" onclick="return ifchecked()">One-time download!</a> <script> function ifchecked() { if (document.getElementById('myCheck').checked) { return true; } else { let warning = document.getElementById('warning'); warning.style.display = "block"; return false; } } </script> 我需要在下载后将用户重定向到 success.php。注意：我知道还有其他问题是用户在下载链接后要求重定向，但在这种情况下我已经 onclick="return ifchecked()"，那么我不知道如何或在哪里可以添加重定向因为我需要先选中复选框。请在给我 -1 或 -2 或 -3 之前考虑这一点。请善待。谢谢。首先不要使用内联 HTML 事件属性，因为这是一种已有 25 年历史的事件连接技术，它不会消亡，因为人们只是不断复制其他人的代码。相反，使用现代方法，即.addEventListener()。使用此方法，您可以为同一事件注册多个事件侦听器，并且侦听器将按照您注册它们的顺序触发。举个例子： const btn = document.querySelector("button"); btn.addEventListener("click", foo1); // Register 1st handler btn.addEventListener("click", foo2); // Register 2nd handler btn.addEventListener("click", foo3); // Register 3rd handler function foo1(){ console.log("foo1"); } function foo2(){ console.log("foo2"); } function foo3(){ console.log("foo3"); } <button type="button">Click Me</button> 但是，在您的用例中，您似乎不需要多个回调。你会做这样的事情： // Get DOM references just once, not everytime the function runs const label = document.querySelector("label"); const chk = document.getElementById('myCheck'); const warning = document.getElementById('warning'); const link = document.querySelector(".download"); const success = document.querySelector("#success"); // Set up the event callback link.addEventListener("click", ifChecked); function ifChecked(event) { event.preventDefault(); // Cancel the click event on the link // Check to see if the checkbox is checked if (chk.checked) { link.click(); // Begin the download warning.classList.add("hidden"); // Hide the warning label.classList.add("hidden"); // Hide the checkbox and link success.classList.remove("hidden"); // Show the success message } else { warning.classList.remove("hidden"); // Unhide the warning chk.focus(); // Set the focus on the checkbox } } .hidden { display:none; } <label> <input type="checkbox" id="myCheck"> <a href="test.zip" class="download">One-time download!</a> </label> <span id="warning" class="warning hidden">You must agree by checking the checkbox.</span> <span id="success" class="hidden">Congrats!</span> 请记住，此代码实际上不会阻止某人多次下载该文件（如果他们真的想要的话）。他们所要做的就是查看页面的源代码并查看下载文件的路径和文件名，然后手动导航到该位置。如果你真的想保护文件，你需要某种服务器端验证。

javascript html redirect window.location

回答 1 投票 0

Angular - 如何在不修改历史记录的情况下更改 url

我想更改我的页面的 url，但不更改角度历史状态或重新加载页面。这有可能吗？已经试过了方法没有历史变化不重新加载

angular angular-routing angular-router window.location

回答 1 投票 0

window.location.href 添加到现有主机名的链接而不是替换它

我有一个 POST API 函数，它在单击按钮时激活。 API 以字符串格式返回生成的链接（“数据”变量），但是当我尝试放入 window.location.href = data 时，lin ...

javascript html api rest window.location

回答 2 投票 0

window.location.href和<a href><a>的区别是什么？

我刚刚读了一些关于window.location属性和方法的概念，我知道1.window.location.href="http:/google.com" 2.window.location.assign("http:/google.com")。我知道1.window.location.href="http:/google.com" 2.window.location.assign("http:/google.com") 3.window......。

html href window.location

回答 2 投票 0

在Javascript中使用href，如谷歌的网页。

这听起来像是一个愚蠢的问题，也许这是个愚蠢的问题，我提前道歉，但我有一个问题，试图让我的window.location.href在网页上显示一个警告，如......

javascript window.location

回答 1 投票 1

window.location.replace 返回该网站无法提供安全连接，它发送了一个无效的响应。Vercel部署和vanilla JS

所以我在进一步开发这个网站，这次我增加了一个firebase登录，登录后应该会重定向到主页面。但是我得到 "本网站无法提供安全连接，...

javascript firebase window.location insecure-connection

回答 1 投票 0

将查询参数添加到url的末尾，并使用pushState进行查询。

我有一个页面，允许我通过 "过滤器 "标签来过滤帖子。我需要将任何被点击的过滤器添加为一个查询参数。例如，url看起来像这样：domain.comcategoryfiltered。当...