js实现html 页面之间的跳转传参
一、页面之间的跳转传参
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、实例展示
// 跳转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中?后的所有参数,接下来就是按照需求来解析了。
转载于:https://blog.csdn.net/QH_JAVA/article/details/50381231