window.location.href进行页面跳转+传参数

Posted 2023-04-18

参考技术A 可以直接使用window.location.href进行页面跳转

window.location.href ="./punch/clock_frm.html"

问号传参： 

window.location.href ="./punch/clock_frm.html?modFlag="+modFlag+'&role='+role;

那么我们在新页面接收参数， 并且将参数转为可用的json格式时， 可以用下面的方法： 

varurl = location.search;//获取url中"?"符后的字串 ('?modFlag=business&role=1') 

vartheRequest =newObject();

if( url.indexOf("?") !=-1)

varstr = url.substr(1);//substr()方法返回从参数值开始到结束的字符串； 

varstrs = str.split("&");

for(vari =0; i < strs.length; i++ )

theRequest[ strs[ i ].split("=")[0] ] = ( strs[ i ].split("=")[1] );

   

console.log( theRequest );//此时的theRequest就是我们需要的参数； 

window location跳转

"top.location.href"是最外层的页面跳转
"window.location.href"、"location.href"是本页面跳转
"parent.location.href"是上一层页面跳转.

location是window对象的属性，而所有的网页下的对象都是属于window作用域链中（这是顶级作用域），所以使用时是可以省略window。而top是指向顶级窗口对象，parent是指向父级窗口对象。 

 

  window.location是window对象的属性，而window.open是window对象的方法 
  window.location是你对当前浏览器窗口的URL地址对象的参考！   
  window.open是用来打开一个新窗口的函数！ 

 

window.open()是可以在一个网站上打开另外的一个网站的地址 
而window.location()是只能在一个网站中打开本网站的网页 

 

window.location或window.open如何指定target? 
这是一个经常遇到的问题，特别是在用frame框架的时候 
解决办法: 
window.location 改为 top.location　即可在顶部链接到指定页 
或 
window.open("你的网址","_top"); 

<input type="button" value="新窗口打开" onclick="window.open(‘http://www.baidu.com‘)"> 
<input type="button" value="当前页打开" onclick="top.location=‘http://www.baidu.com‘,‘_top‘">