在JS中的传参方式

传统的前端开发中，页面之间是少有参数交互的，甚至没有，而在如今的前端环境下，

一个稍微正式点的项目都不可能少了页面间传参，页面的跨越、服务器后台进行数据请求等，都需要一个或多个传参的方法。

js中的传值方式，对于简单类型（比如字符串和数值）就是值传递和引用传递。但是HTML页面之间如何传递数据？

如果是动态页面，根本就不需要考虑这个问题，可以如果是一个纯HTML+JavaScript的应用，

无法使用数据库等操作，没有保存数据，光依靠前端的手段该如何实现页面之间的传递数据和参数呢？

 

第一种常见的是通过url传值

 

一、URL

 

把参数值附在url后面传递到其他页面

主要原理是：通过GET方法然后获取URL从中解析出传递的数据

//获取到的url值是以"?"开头的url

var deocdeURL = decodeURI(location.search);//解码url

//封装的解析url的方法

function doClickfamg(){

var pureURL = deocdeURL.split("?")[1];//获取"?"以后的参数

var valuesArray = pureURL.split("&");

var url_Object = new Object();

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

var key_value = valuesArray[i].split("=");

//动态给对象添加key和value

//是以传递过来的key和value作为解析后的新的对象的key和value

url_Object[key_value[0]] = key_value[1];

}