js中页面前后、跨页跳转方法

1. Javascript 返回上一页history.go(-1), 返回两个页面: history.go(-2);

 

2. history.back().

 

3. window.history.forward()返回下一页

 

4. window.history.go(返回第几页,也可以使用访问过的URL) 

例:

<a href="javascript:history.go(-1);">向上一页</a>

 

response.Write("<script language=javascript>")

response.Write("if(!confirm('完成任务?')){history.back();}")

response.Write("</script>")

response.Write("<script language=javascript>history.go(-1);</script>")

<a href="javascript:history.go(-1);">向上一页</a>

 

页面跳转:οnclick="window.location.href='list.aspx'" 

P.S.

小技巧(JS引用JS):

<script type=text/javascript>

<!--

if (typeof SWFObject == "undefined") {

document.write('<scr' + 'ipt type="text/javascript" src="/scripts/swfobject-1.5.js"></scr' + 'ipt>');}

//-->

</script> 

Javascript刷新页面的几种方法:

1    history.go(0)

2    location.reload()

3    location=location

4    location.assign(location)

5    document.execCommand('Refresh')

6    window.navigate(location)

7    location.replace(location)

8    document.URL=location.href 

自动刷新页面的方法:

1.页面自动刷新:把如下代码加入<head>区域中

<meta http-equiv="refresh" content="20">  

其中20指每隔20秒刷新一次页面.

 

2.页面自动跳转:把如下代码加入<head>区域中

<meta http-equiv="refresh" content="20;url=http://www.javaeye.com">  

其中20指隔20秒后跳转到http://www.javaeye.com页面

 

3.页面自动刷新js版

<script language="JavaScript">

function myrefresh()

{

       window.location.reload();

}

setTimeout('myrefresh()',1000); //指定1秒刷新一次

</script> 

ASP.NET如何输出刷新父窗口脚本语句

1.   this.response.write("<script>opener.location.reload();</script>");

 

2.   this.response.write("<script>opener.window.location.href = opener.window.location.href;</script>");

 

 

3.   Response.Write("<script language=javascript>opener.window.navigate(''你要刷新的页.asp'');</script>") 

JS刷新框架的脚本语句 www.2cto.com

 

//如何刷新包含该框架的页面用

<script language=JavaScript>

   parent.location.reload();

</script>

 

//子窗口刷新父窗口

<script language=JavaScript>

    self.opener.location.reload();

</script>

( 或 <a href="javascript:opener.location.reload()">刷新</a>   )

 

//如何刷新另一个框架的页面用

<script language=JavaScript>

   parent.另一FrameID.location.reload();

</script>

 

如果想关闭窗口时刷新或者想开窗时刷新的话,在<body>中调用以下语句即可。

 

<body οnlοad="opener.location.reload()"> 开窗时刷新

<body onUnload="opener.location.reload()"> 关闭时刷新

 

<script language="javascript">

window.opener.document.location.reload()

</script> 

在Spring Boot和Vue的前后端分离项目页面跳转的方式通常是通过前端路由来实现。Vue使用vue-router来进行路由管理,而Spring Boot作为后端提供数据接口。 首先,在Vue项目配置路由。可以在main.js文件引入vue-router,并创建路由实例,配置路由映射关系。例如: ```javascript import Vue from 'vue'; import VueRouter from 'vue-router'; Vue.use(VueRouter); const routes = [ { path: '/', name: 'Home', component: () => import('@/views/Home.vue'), }, { path: '/about', name: 'About', component: () => import('@/views/About.vue'), }, // 其他路由配置... ]; const router = new VueRouter({ mode: 'history', base: process.env.BASE_URL, routes, }); export default router; ``` 上面的代码定义了两个路由,分别对应根路径和/about路径,组件分别为Home和About。 接下来,在前端页面使用`<router-link>`标签或编程式导航来实现页面跳转。例如: ```html <template> <div> <router-link to="/">Home</router-link> <router-link to="/about">About</router-link> <!-- 其他页面跳转链接... --> <router-view></router-view> </div> </template> ``` `<router-link>`标签会渲染成a标签,点击后会触发相应的路由跳转。 同时,在后端的Spring Boot项目,需要配置跨域访问权限。可以通过添加`@CrossOrigin`注解来实现。例如: ```java @RestController @CrossOrigin public class ApiController { // 接口实现... } ``` 这样前端通过异步请求后端接口获取数据,再根据数据动态渲染页面。 总结起来,前后端分离项目页面跳转主要是通过前端路由来实现,Vue负责前端路由管理,Spring Boot负责后端数据接口提供。通过配置好的路由规则,前端页面可以实现无刷新的跳转页面内容更新。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值