HTML页面之间跳转与传值(JS代码)

跳转的方法如下:

方法一:

window.location.href = "b.html";

方法二(返回上一个页面,这个应该不算,先放在这):

window.history.back(-1);

方法三:

self.location = "b.html";

方法四:

top.location = "b.html";

有关问题的思考:

第一,为什么给window.location和window.location.href赋值时一样的,都可以跳转?

思考:

location 是 location.href 的簡寫,無論是訪問  還是賦值。

從功能上,location 等於 location.href;

但從本體論上,location 是一個對象,location.href 是它的一個屬性。

這種怪異的行爲應該是爲了兼容無疑

第二,给location赋值的时候,如果跳转的页面不是在同一个目录下,需要把完整的URL写上。如:当前location.href为https://www.google.com/ ,如果要跳转到https://www.baidu.com/, 就不能只是www.baidu.com,必须把URL写完整。

传值的方法如下:

方法一:URL传参(?后面的参数)(去哪儿网笔试题,把URL后面的参数解析为对象)

window.location.href = "https://www.google.com/search?q=hello&oq=hello"

function parseURL(url){

var url = url.split("?")[1];

var para = url.split("&");

var len = para.length;

var res = {};

var arr = [];

for(var i=0;i<len;i++){

arr = para.split("=");

res[arr[0]] = arr[1];

}

return res;

}

方法二:cookie传参

function setCookie(cname,cvalue,exdays){

var d = new Date();

d.setTime(d.getTime() + (exdays*24*60*60*1000));

var expires = "expires=" + d.toUTCString();

document.cookie = cname + "=" + cvalue + "; " + expires;

}

function getCookie(cname){

var name = cname + "=";

var ca = document.cookie.split(";");

for(var i=0;i<ca.length;i++){

var c = ca[i];

while(c.charAt(0)==‘ ‘){

c = c.substring(1);

}

if(c.indexof(cname) == 0){

return c.substring(name.length,c.length);

}

}

return "";

}

方法三:H5中Web Storage中的localStorage对象

localStorage.setItem("lastname","lu");

或者

localStorage.lastname = "lu";

localStorage.getItem("lastname");

或者

localStorage.lastname;

时间: 2024-10-01 04:33:48

HTML页面之间跳转与传值(JS代码)的相关文章

ios俩个APP之间跳转、传值

两个APP之间的跳转是通过[[UIApplication sharedApplication] openURL:url]这种方式来实现的. 1.首先设置第一个APP的url地址 2.接着设置第二个APP的url地址 3.需要跳转的时候 NSString *urlString = [NSString stringWithFormat:@"AppJumpSecond://%@",textField.text]; [[UIApplication sharedApplication] open

ios两个app之间跳转,传值的实现

两个APP之间的跳转是通过[[UIApplication sharedApplication] openURL:url]这种方式来实现的. 1.首先设置第一个APP的url地址 2.接着设置第二个APP的url地址 3.需要跳转的时候 NSString *urlString = [NSString stringWithFormat:@"AppJumpSecond://%@",textField.text]; [[UIApplication sharedApplication] open

手机平板等移动端适配跳转URL的js代码

<script type="text/javascript"> if(/AppleWebKit.*mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent)

页面之间跳转传值

页面之间传值: a.html <html> <head> <title> New Document </title> <script> function to (){ var getval =document.getElementById("cc").value; document.location.href("b.html?cc="+getval); } </script> </head

js实现两个页面之间跳转参数传递

html在设计时,规定跳转地址后加"?"表示从此开始为跟随页面地址跳转的参数. 有时候,我们希望获得相应的跳转前页面里的内容,这时候我们就可以考虑将内容以参数形式放到地址中传过来,这里我建议将参数以变量形式传递. 代码案例如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>direct1.ht

JSP页面的跳转及传值

1.response.sendRedirct("跳转到页面的URL"); 该方法通过修改HTTP协议的HEADER部分,对浏览器下达重定向指令的,使浏览器显示重定向网页的内容. request无法传值过去. 执行完该页所有代码,然后再跳转到页面. 跳转地址栏改变. 传值: sendredirect()中的URL是可以带参数 eg sendredirect("url?name="+name);可用request.getParameter("name"

Android Intent实现页面之间跳转

什么是IntentIntent可以理解为信使(意图)由Intent来协助完成Android各个组件之间的通讯Intent实现页面逐渐的跳转1.startActivity(inetnt)2.startActivityForResult(intent, requestCode); onAcitivtyResult(int requestCode, int resultCode, Intent data) setResult(resultCode, data); 先创建两个xml文件firstacti

Xamarin Android Activity之间跳转与传值

前言 由于需要,所以接触到这个新的安卓开发模式,我会把我的学习经历全都记录下来,希望对大家有用. 导读 关于Activity,学习过安卓的人也应该明白什么是Activity,推荐新手去看YZF的这篇文章活动的生命周期,这篇文章详细的讲述了activity的生命周期和一些用法. 正文 Activity跳转与传值,主要是通过Intent类来连接其他Activity进行数据的传递. 1.不带数据跳转 Intent intent = new Intent(this, typeof(Add)); Star

ios页面的跳转和传值(转)

使用storyboard实现页面跳转,简单的数据传递 由于最近才接触到IOS,苹果已经建议storyboard来搭建所有界面了,于是我也追随时尚,直接开始使用storyboard.(不料在涉及到页面跳转的时候,遇到的问题是:点击后没有任何反应)众所周知,在storyboard中,界面的跳转是通过segue来实现的,利用它,省去了方法内写入跳转的代码. 一 视图跳转 <StoryBoard下的视图跳转> 我们知道:segue共有三种类型:push,modal,和custom.如下图://01 简