javascript - 如何从普通的 JavaScript 页面重定向到 Angular 6（微型站点到 Angular 6）？

Question

我只希望我的登陆屏幕用普通的 JavaScript 构建，以减少负载并在点击登陆屏幕中的任何按钮时重定向到我的 angular 6 应用程序。

如何重定向index.html到另一个 (Angular) index.html。

Answer 1

假设您的页面上有多个按钮，您可以触发所有按钮的重定向，如下所示：

var buttons= document.getElementsByTagName('button');

for (var i = 0; i < buttons.length; i++) {
  var button = buttons[i];
  button.onclick = function() {
    window.location.href = "https://google.de";
  }
}

<button>Button 1</button>
<button>Button 2</button>
<button>Button 3</button>

Answer 2

您可以通过调用window.location.replace()方法或更新window.location.href属性的值来做到这一点。

调用该window.location.replace()方法模拟 HTTP 重定向，更新window.location.href属性值模拟用户单击链接。

您可以将它们用作：

// similar behaviour as an HTTP redirect
window.location.replace("index.html");

或者：

// similar behaviour as clicking on a link
window.location.href = "index.html";

您还可以创建一个隐藏链接并触发点击它，如下所示：

<a href="index.html" style="display: none"></a>

<script type="text/javascript">
  document.getElementsByTagName("a")[0].click();
</script>

如果您希望链接在新选项卡中打开，您可以使用该target="_blank"属性，如下所示：

<a href="index.html" style="display: none" target="_blank"></a>

祝你好运。