获取 url 并在点击时更改它

Question

我想获取当前页面的 url (http://example.com/en-user/?1234) 并在按钮上单击将“en-user”更改为“hi-user”并转到该页面，因此 url 应该类似于“http://example.com/hi-user/?1234”。提前致谢。

Answer 1

很简单...在按钮上设置点击事件处理程序，获取位置，调整字符串，设置 URL。

// Get button reference
var btn = document.getElementById("btn");

// Set up click event handler
btn.addEventListener("click", function(){
  // Get current URL
  var url = window.location.href;

  console.log(url);

  // Change a portion of the string
  // Obviously, change the values to suit your needs.
  url = url.replace(".net", ".com");

  console.log(url);

  // Navigate to new URL
  window.location.href = url;

});

<button id="btn">Change URL</button>