两个html页面之间传递值的方法
2016-12-05 11:10
363 查看
最近做项目,好多页面需要传递值。现在我用了以下的方法。感觉很好用。
1、利用页面链接传递,用?号链接,不过这样传递中文会麻烦些,数字挺方便的。
页面一:
<script>
function to(){
var getval =document.getElementById("cc").value;
window.location.href="b.html?id="5555";
}
</script>
页面二:
取值
var thisURL = document.URL;
var getval =thisURL.split('?')[1];
var showval= getval.split("=")[1];
showval==5555;//这个就是取出来的值
2、利用localstarage和sesionstorage 存取值;
setItem存储value
用途:将value存储到key字段
用法:.setItem( key, value)
代码示例:
sessionStorage.setItem("key", "value"); localStorage.setItem("site", "js8.in");
getItem获取value
用途:获取指定key本地存储的值
用法:.getItem(key)
代码示例:
var value = sessionStorage.getItem("key"); var site = localStorage.getItem("site");
localstarage和sesionstorage 只能存储字符串类型值,对象类型的值可以先进行转化
例如:
var obj = { name:'Jim' };
var str = JSON.stringify(obj);
//存入
sessionStorage.obj = str;
//读取
str = sessionStorage.obj;
//重新转换为对象
obj = JSON.parse(str);
1、利用页面链接传递,用?号链接,不过这样传递中文会麻烦些,数字挺方便的。
页面一:
<script>
function to(){
var getval =document.getElementById("cc").value;
window.location.href="b.html?id="5555";
}
</script>
页面二:
取值
var thisURL = document.URL;
var getval =thisURL.split('?')[1];
var showval= getval.split("=")[1];
showval==5555;//这个就是取出来的值
2、利用localstarage和sesionstorage 存取值;
setItem存储value
用途:将value存储到key字段
用法:.setItem( key, value)
代码示例:
sessionStorage.setItem("key", "value"); localStorage.setItem("site", "js8.in");
getItem获取value
用途:获取指定key本地存储的值
用法:.getItem(key)
代码示例:
var value = sessionStorage.getItem("key"); var site = localStorage.getItem("site");
localstarage和sesionstorage 只能存储字符串类型值,对象类型的值可以先进行转化
例如:
var obj = { name:'Jim' };
var str = JSON.stringify(obj);
//存入
sessionStorage.obj = str;
//读取
str = sessionStorage.obj;
//重新转换为对象
obj = JSON.parse(str);
相关文章推荐
- javascript实现html页面之间参数传递的四种方法实例分析
- javascript实现html页面之间参数传递的四种方法实例分析
- 在两个ASP.NET页面之间传递值的方法
- Jquery在两个HTML页面之间传递参数
- 在两个ASP.NET页面之间传递值三种方法
- 前端在html页面之间传递参数的方法
- 用javascript实现html页面之间的参数传递的四种方法
- 两个HTML页面之间传递信息中文乱码问题
- 前端在html页面之间传递参数的方法
- 在两个ASP.NET页面之间传递值(3种方法)
- 用javascript实现html页面之间的参数传递的四种方法
- 两个html页面之间怎么传递参数值
- 前端在html页面之间传递参数的方法
- 前端在html页面之间传递参数的方法
- HTML页面间之间传递数据的两种方法
- 用javascript实现html页面之间的参数传递的四种方法
- 在两个ASP.NET页面之间传递值三种方法
- 两个不同HTML页面之间参数传递
- 用javascript实现html页面之间的参数传递
- 页面之间传递值方法