设置cookie并在新页面中显示

时间:2014-04-15 08:06:17

标签: javascript html html5 cookies

function form()
{
var formVal1=document.forms ["form1"]["num1"].value;
var formVal2=document.forms ["form1"]["num2"].value;



if ( formVal1<1 || formVal1>100)
 {
  alert("Please enter a value between 1-100");
  document.form1.num1.focus() ;
  return false;
 }  
else if ( formVal2<1 || formVal2>100)
 {
  alert("Please enter a value between 1-100");
  document.form1.num2.focus() ;
  return false;
 }


 var sum= ((document.forms ["form1"]["num1"].value - 0 ) + (document.forms ["form1"]["num2"].value - 0));
      alert("Sum of two numbers:"      +sum);
if(sum>0)
{ 
var fromVal3=prompt("Please enter the third value:");
if(fromVal3<1 || fromVal3>5)
{
 alert("Please enter a value between 1-5");
 document.form1.num3.focus() ;
 return false; 
} 

var Mul=fromVal3*sum;
alert("Multiplied Value:" +Mul);

}

if(typeof(Storage)!=="undefined")
    {
    document.cookie=Mul;
    alert(document.cookie);
    var allcookies=document.cookie;
    document.write(allcookies);
    }
   else
    {
     document.getElementById("result").innerHTML="Sorry, your browser does not support web storage...";
    }


}

它是一个javascipt形式的hmtl页面,为第三个提取两个输入和提示,它将乘以前两个数字的总和,并将结果设置为cookie,并且必须在新页面上显示cookie。任何人都可以帮我设置一个cookie并在新页面上显示它?

1 个答案:

答案 0 :(得分:0)

要设置javascript cookie,你需要这样的东西

document.cookie="username=John";

document.cookie="username=Joh"; expires=...; path=...";

因此,在您的示例中,它将类似于:

document.cookie='Mul='+Mul;

就获取cookie而言,你所拥有的只是document.cookie,它看起来像a=b; c=d; e=f,这意味着你需要分几次才能得到你需要的东西。像这样:

var c = document.cookie.split('; ');
for (i=0;i<c.length;i++) {
  var cookie = c[i].split('=');
  if (cookie[0]=='Mul') {
    var myCookie = cookie[1];
    break;
  }
}

在此之后,您将把Cookie存储在myCookie变量中。