跳转代码
时间: 2023-12-15 07:05:48 浏览: 45
在登录成功的 alert 语句中添加跳转代码的方式如下:
```javascript
if (username == "1" && password == "1") {
alert("登录成功!");
window.location.href = "success.html"; // 跳转到 success.html 页面
} else {
alert("用户名或密码不正确,请重新输入!");
}
```
其中,`window.location.href` 属性用于获取或设置当前页面的 URL,可以通过设置该属性的值实现页面跳转。
在登录按钮的 onclick 事件中添加跳转代码的方式如下:
```html
<button onclick="login()">登录</button>
<script>
function login() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
if (username == "1" && password == "1") {
alert("登录成功!");
window.location.href = "success.html"; // 跳转到 success.html 页面
} else {
alert("用户名或密码不正确,请重新输入!");
}
}
</script>
```
其中,`onclick` 属性用于指定按钮被点击时执行的 JavaScript 代码,可以在该代码中添加跳转代码。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)