js实现html 页面之间的跳转传参以及返回上一页的相关知识点
来源:互联网 发布:手机任意显示软件 编辑:程序博客网 时间:2024/05/08 22:13
一、页面之间的跳转传参
1、在页面之间跳转的方式有两种:
window.location.href=”test.html?num=10” 地址会改变参数也会被传递但是不会打开新窗口
window.open(“test.html”) 这样会重新打开一个新窗口。
2、获取参数
如果是按照第一种方式进行了传递则有参数,那么我们怎们获取url中的参数那,那就使用js默认的属性: var url = location.search;
其中的location.search 就是js自动获取url中? 后的所有值。获取了这个之后就可以使用substring,split等来获取参数了。
3、实例展示
[javascript] view plain copy
// 跳转url 以及传递的参数
window.location.href=’http://img.as.com/news/image/newscenter/20111107zt/whd/30share/jieguo1n.html?money=‘+nums+’&url=’+fxurl;
// 获取money,以及分型的地址 function GetRequest() { var url = location.search; var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1); //alert(str); var strs= new Array(); strs = str.split('&'); var money=strs[0].substring(6); fxurl=(strs[1].substring(4)).trim(); //alert(fxurl); var view=money+"元"; $("#jieguo1m").html(view); }
}
GetRequest();
这样当跳转到url指定的页面后,调用GetRequest();这个函数,函数中的location.search;来获取了url中?后的所有参数,接下来就是按照需求来解析了。
二、返回上一页
1、在原来的窗体中直接跳转用
[javascript] view plain copy
window.location.href=”test.html”;
2、返回上一页原页面中的表单中的数据会丢失
[javascript] view plain copy
window.history.go(-1);
3、返回上一页原页面 表单中的内容会保留
[javascript] view plain copy
window.history.back();
实例:
1、
[javascript] view plain copy
2、
[javascript] view plain copy
返回上一页
刷新当前页面
返回前两页
返回上一页并刷新
返回上一页
这里看到了 就说说这个:
[javascript] view plain copy print?
- js实现html 页面之间的跳转传参以及返回上一页的相关知识点
- js实现html 页面之间的跳转传参以及返回上一页的相关知识点
- js 页面之间的跳转、传参以及返回上一页
- js 页面之间的跳转、传参以及返回上一页
- js返回上一页的实现方法
- js返回上一页的实现方法
- JS控制点击跳转到指定页面,以及返回到上一页
- JS返回上一页-JS返回下一页-JS页面跳转
- JS(history,location的使用)返回上一页以及返回上一页并刷新
- js鬼混笔记:可靠的页面返回上一页刷新
- 页面自动跳转与http302、html refresh以及js跳转之间的关系
- swift实现页面跳转(下一页以及返回)
- 如何实现返回上一页并刷新页面的功能
- 利用js控制页面刷新以及返回上一页刷新
- js返回上一页并刷新的多种实现方法
- js返回上一页并刷新的多种实现方法
- js返回上一页并刷新的多种实现方法
- js返回上一页并刷新的多种实现方法
- Activity的四种启动模式:
- 一个程序员奋斗史
- android 6.0以上多权限管理
- keras文档快速问答(翻译自Keras FAQ: Frequently Asked Keras Questions)
- javap反编译指令
- js实现html 页面之间的跳转传参以及返回上一页的相关知识点
- Mac 配置FFmpeg环境
- 深圳航空再度携手捷为升级IT项目管理系统
- lunux 下所有浏览器都提示d代理服务器拒绝连接
- 用jsonObject转换json字符时过滤bean中空值节点
- 数据挖掘数据集汇总
- HBuilder mui 通过getWebviewById获取入口文件
- 无线网络覆盖
- 服务接口的流量控制策略之RateLimit