JS后退一页, JS返回上一页, JS返回下一页代码

Javascript 返回上一页:

1. 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>
来自: http://hi.baidu.com/czs0000/blog/item/b7a8287bf3be14f80bd18765.html
要实现在使用 AJAX 更新的局部页面中,能够正常点击浏览器的上一页或下一页操作,你可以使用浏览器的历史记录 API。下面是一种可能的实现方式: 1. 在每次 AJAX 请求成功后,使用 `pushState` 方法将新的 URL 添加到浏览器的历史记录中。这样,当用户点击浏览器的后退或前进按钮时,浏览器会加载相应的历史记录页面。 2. 在每次 AJAX 请求成功后,将更新的内容插入到页面中的相应位置。 3. 监听 `popstate` 事件,当用户点击浏览器的后退或前进按钮时,触发相应的处理函数。 下面是一个示例代码: ```javascript // AJAX 请求成功后的处理函数 function handleAjaxSuccess(data) { // 将更新的内容插入到页面中 document.getElementById('content').innerHTML = data; // 将新的 URL 添加到浏览器的历史记录中 var url = window.location.href; // 当前页面的 URL history.pushState({ page: url }, '', url); } // 监听 popstate 事件 window.addEventListener('popstate', function(event) { // 根据 event.state.page 加载相应的历史记录页面 var url = event.state.page; // 发起 AJAX 请求 // ... }); // 点击上一页或下一页时触发 function goToPage(url) { // 发起 AJAX 请求 // ... } // 示例中的一个占位元素,用于展示更新的内容 <div id="content"></div> ``` 请注意,这只是一个简单的示例,具体的实现方式可能因你的具体需求而有所不同。你需要根据你的项目结构和要求进行相应的调整和优化。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值