jeecgboot使用 window.location.href
时间: 2023-11-22 19:49:35 浏览: 28
jeecgboot是一个基于SpringBoot和Jeecg快速开发平台的开源项目,它提供了许多便捷的功能和工具,包括前端页面的跳转。下面是使用window.location.href在jeecgboot中进行页面跳转的方法:
```javascript
window.location.href = "/jeecg-boot/example";
```
上述代码将会把当前页面跳转到/jeecg-boot/example页面。其中,/jeecg-boot是apiBaseUrl,可以在src/utils/request.js中进行配置。而example则是你要跳转的页面路径。
相关问题
使用window.location.href跳转闪屏
使用`window.location.href`可以实现页面跳转。当你将一个新的URL赋值给`window.location.href`时,浏览器会加载该URL对应的页面,并在当前窗口中显示。
要实现闪屏效果,你可以在跳转之前先显示一个闪屏页面,然后再跳转到目标页面。以下是一个简单的示例代码:
```javascript
// 显示闪屏页面
function showSplashScreen() {
// 在页面中创建一个元素,用于显示闪屏内容
var splashScreen = document.createElement('div');
splashScreen.style.width = '100%';
splashScreen.style.height = '100%';
splashScreen.style.backgroundColor = 'white';
splashScreen.style.display = 'flex';
splashScreen.style.justifyContent = 'center';
splashScreen.style.alignItems = 'center';
// 在闪屏页面中添加一些内容,比如加载动画或者公司logo等
splashScreen.innerHTML = '<h1>Loading...</h1>';
// 将闪屏页面添加到body元素中
document.body.appendChild(splashScreen);
}
// 跳转到目标页面
function redirectToTargetPage() {
// 显示闪屏页面
showSplashScreen();
// 延时一段时间后跳转到目标页面
setTimeout(function() {
window.location.href = '目标页面的URL';
}, 2000); // 延时2秒钟,可以根据需要调整时间
}
// 调用函数实现跳转闪屏效果
redirectToTargetPage();
```
在上面的代码中,`showSplashScreen`函数用于显示闪屏页面,你可以根据需要自定义闪屏页面的样式和内容。`redirectToTargetPage`函数用于跳转到目标页面,其中通过`setTimeout`函数设置了一个延时,延时结束后会将`window.location.href`设置为目标页面的URL,实现页面跳转。
window.location.href如何使用
`window.location.href`是JavaScript中的一个属性,它返回当前页面的URL地址。可以使用它来获取当前页面的URL地址,或者将页面重定向到另一个URL地址。以下是一些使用`window.location.href`的例子:
1. 获取当前页面的URL地址
```javascript
var currentUrl = window.location.href;
console.log(currentUrl); // 输出当前页面的URL地址
```
2. 将页面重定向到另一个URL地址
```javascript
window.location.href = "http://www.example.com"; // 将页面重定向到http://www.example.com
```
3. 将页面重定向到当前URL地址的另一个页面
```javascript
window.location.href = "http://www.example.com/anotherPage.html"; // 将页面重定向到当前URL地址的另一个页面
```