使用Javascript的网站警报框中的简单身份验证

问题描述：

我想对网站进行简单身份验证，仅用于测试目的。在打开网站例如www.example.com时，浏览器应该要求用户输入用户名和密码以导航到index.html。使用Javascript的网站警报框中的简单身份验证

我该如何在JavaScript中做到这一点，我不介意硬盘上的用户名和密码。我不想要任何数据库连接。它是一个简单的3页静态网站部署在服务器。 Index.html加载打开网站。

您需要将用户名和密码存储在服务器的某处（数据库，静态文件等），因为任何人都可以查看您的源代码并查看您的JavaScript正在测试输入的内容。此外，你不会重定向到index.html。 index.html将是进行验证的页面，然后它将重定向到其他页面或进行AJAX调用以显示新数据。 –

答

将有效的用户名和密码存储在本地javascript变量中。在登录按钮的点击事件上，将输入值与本地变量进行比较。只要这是为了测试，它就会工作。