Javascript 在按钮上重定向单击不在活动站点上工作

因此，我是JS的新手，我试图将其重定向到我们网站上的特定页面。我已经测试了在JSFIDLE上工作的以下代码（如下），但是当我将相同的JS添加到live站点时，它就不工作了

非常感谢您的帮助

<button id="btnSubmit" class="float-left submit-button" value="3">Home</button>
    
document.getElementById("btnSubmit").onclick = function() {window.location.href = "https://moralesgroup.net/";
};

主页
document.getElementById（“btnSubmit”）.onclick=function（）{window.location.href=”https://moralesgroup.net/";
};

---

您可以尝试以下方法

  <button>
        <a href="https://moralesgroup.net/" >Home</a>
  </button>

---

选中此示例

您可能需要等待文档加载后才能运行此代码。有点像这里：

---

另外，请确保所有这些都位于页面底部的

标记中，或者位于头部加载的.js文件中。

我会按照Ahmed Ibrahim所说的做，除非我将按钮包装在锚定标记中，否则按钮的边缘无法点击：

  <a href="https://moralesgroup.net/">
    <button>
      Home
    </button>
  </a> 

---

您可以通过以下代码单击按钮直接进入新窗口：

<button id="btnSubmit" class="float-left submit-button" value="3" href="https://moralesgroup.net/">Home</button>

主页

---

在这里，我使用了button标签，给出了与您相同的id，并使用了相同的类来获得您想要的样式

href

将直接重定向到引号中提供的新链接。

右括号格式不正确，这就是为什么它显示在js代码和JSFIDLE链接之间的原因。但是你的js FIDLE工作得很好，有什么问题吗？你也可以简单地将你的按钮封装在一个链接中。没有JS也会得到同样的结果，所以我不能这样做，因为我没有权限编辑按钮上的html。我只能添加javascript代码，而JSFIDLE正在工作，我不确定还能去哪里——安迪·埃尔克（Andy Erk）刚刚编辑了delete，它不是同一个代码。在您的屏幕截图上，在

btnSubmit

周围有奇怪的双引号。这些可能在Javascript中不起作用。使用常规双引号。您的控制台没有抱怨语法错误或其他什么吗？所以我不能这样做，因为我没有权限编辑html按钮。我只能添加javascript代码，而且JSFIDLE工作正常，我不知道还能在哪里使用go@AndyErk因此，您的代码可以在我的live server中运行，但前提是在加载按钮后加载JavaScript。可能出于某种原因，您可以访问的JS被加载到页面顶部？（我觉得很奇怪）。尝试以下操作：

window.addEventListener（'load'，function（）{document.getElementById（“myButton”）。onclick=function（）{location.href=”https://moralesgroup.net/thanks-employee/“；}；}）

尽管放置了JS，但这仍然有效。函数现在等待窗口加载完成执行。我认为@PawelKowaluk也提到了同样的原则，所以我去实现了您推荐的代码，但仍然没有成功。我感谢你的帮助@我肯定你这么做了，但是我的代码中的按钮id需要更改为你的按钮的正确id（

btnSubmit

我相信）好吧，我承认这一点。让我确保我正确地更改了内容并向您汇报。我的网站不适合这样做，所以我不能这样做，因为我没有权限编辑html按钮。我只能添加javascript代码，而jsfiddle正在工作，我不确定还有什么地方可以添加，所以我不能这样做，因为我没有编辑html按钮的权限。我只能添加javascript代码，而且JSFIDLE工作正常，我不知道还能去哪里！我尝试了这种方法，但运气不好。看起来实际应用程序有些不稳定。谢谢你的帮助！

a {
  text-decoration: none;
}

<button id="btnSubmit" class="float-left submit-button" value="3" href="https://moralesgroup.net/">Home</button>