原生js静态页面跳转到本文件夹下的另一个页面
时间: 2023-10-09 17:10:18 浏览: 134
可以通过以下代码实现原生js静态页面跳转到本文件夹下的另一个页面:
```javascript
window.location.href = "./anotherPage.html";
```
其中,"./"表示当前文件夹,"anotherPage.html"表示需要跳转的页面文件名。如果需要跳转到上一级文件夹下的页面,可以使用"../"。例如:
```javascript
window.location.href = "../anotherPage.html";
```
相关问题
原生js跳转页面并传参
可以使用以下代码实现原生JS跳转页面并传参:
```
// 获取当前页面URL
var currentUrl = window.location.href;
// 拼接参数
var param = "参数值";
var targetUrl = "目标页面URL" + "?param=" + param;
// 跳转页面
window.location.href = targetUrl;
```
在目标页面中,可以使用以下代码获取传递过来的参数:
```
// 获取URL中的参数
function getQueryParam(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return decodeURIComponent(r[2]);
}
return null;
}
// 获取参数值
var paramValue = getQueryParam("param");
```
在vue 原生js怎么跳转页面
在Vue中,你可以使用原生的JavaScript来实现页面跳转。具体的做法是使用 `window.location.href` 属性来设置新的URL地址,从而实现页面跳转。
下面是一个示例代码,演示了如何在Vue中跳转到新的页面:
```javascript
methods: {
redirectToPage() {
// 设置新的URL地址
window.location.href = 'https://www.example.com/new-page';
}
}
```
在上面的代码中,`redirectToPage` 方法会在某个事件触发时被调用,例如按钮点击事件。当该方法被调用时,`window.location.href` 属性会被设置为新的URL地址,从而实现页面的跳转。
请注意,这种方式是直接跳转到一个新的URL地址,这也意味着当前页面会被销毁。如果你希望在Vue应用中实现单页应用(SPA)的路由功能,你可以考虑使用Vue Router插件来管理路由。