使用javascript在环境中编写锚点链接dpending

Question

我有一个页面，用户可以在其中单击链接并在网站上注册。示例：

<a href="https://www.example.com/register.html">  

当我们开发页面时，我们会在开发、暂存和生产环境中进行测试。在开发过程中，有没有一种方法可以让注册链接指向开发，这样我们就不必每次在每个环境中测试时都编辑页面和更改链接？

例如：

<a href="https://d-www.example.com/register.html">

Ex阶段：

<a href="https://s-www.example.com/register.html">

也许更好的问题是：javascript是否有可能处理URL结构，以便在开发和分阶段生产之间切换？

Answer 1

有三种解决方案：

首先使用javascript if condition并根据URL隐藏/显示您需要的内容，因为您需要服务器端渲染在加载页面后更新您的html，因为内容和html标签已经加载，但如果您没有，您可以通过CSS管理它，这还不够好。

//here i check if url contain dev word or stage word
if(window.location.href.indexOf("dev") > -1) {
document.getElementById("stageAnchor").style.display = "none";
document.getElementById("devAnchor").style.display = "block";
} else if (window.location.href.indexOf("stage") > -1) {
document.getElementById("devAnchor").style.display = "none";
document.getElementById("stageAnchor").style.display = "block";
}

或使用JQuery附加

//here i check if url contain dev word or stage word
if(window.location.href.indexOf("dev") > -1) {
$("#anchorDIV").append("<a href='#'>some dev Description</a>");
} else if (window.location.href.indexOf("stage") > -1) {
$("#anchorDIV").append("<a href='#'>some stage Description</a>");
}

另一个解决方案是尝试你可以检查它是如何工作的，它也将基于URL，我建议使用这个