javascript 传值-JavaScript实现页面间传值的方式

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

JavaScript实现页面间传值的方式

更新时间：2015-04-07 11:08:53 作者：旭刚

本文主要介绍JavaScript实现页面间传值的方式，涉及到javascript传值的方法，非常实用。 有需要的同学可以参考以下

本文介绍了JavaScript实现页面间传值的技术。 分享给大家javascript 传值，供大家参考。 详情如下：

问题如下：

在a.html页面中，onsubmit事件调用方法foo()打开b.html页面javascript 传值，同时向b.html传递参数。 方法foo()需要向b.html页面传递可变参数，b.html页面接受参数值，但不能使用服务器端技术。

解决方案代码如下：

a.html页面如下：

  
  
  
  function foo(){
   var a ="abc"; // a为变量值
   var str = "b.html?id="+a+";";
   //alert(document.frm.action);
   //方案一（无效）
   // document.frm.action = str;
   //方案二（无效）
   // window.location.href = str;
   //方案三（有效）
   window.location.replace(str);
   return false;
  }
 


   
      
   

注意：b.html页面必须预先存在。

b.html 获取参数值的代码如下：

b.html部分代码

var getQueryString = function(name) {
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  var r = window.location.search.substr(1).match(reg);
  if (r != null) return r[2]; return "";
}

补充：

myjs.js 代码：

function foo(){ 
    var str = "abc"; 
    //document.forms[0].hid.value = str; 
    var frm = window.event.srcElement; 
    frm.hid.value = str; 
    return true; 
}

a.html代码：

注意：向b.html页面传值时，b.html页面必须事先存在！

b.html代码：

 
  
   
  
  
   
   document.write(decodeURIComponent(location.search.substr(3)));
   
  

希望这篇文章对您的javascript编程有所帮助。