Question

我有一个输入表单，用于收集一些信息（图形参数），然后用于定义下一页图形的呈现方式。我遇到的问题是我正在使用store.js，它应该解决JSON.stringify和JSON.parse的需要，但我得到的变量仍然是字符串。

以下是表单中的一些代码：

FORM

<script src="../js/store.min.js"></script>

<form id="graphicsvars" method="Post" action="">

     <fieldset>
        <legend>Opacity</legend> 
        <p>Settings must be in the range 0 to 1.</p>
        <p>Maximum Opacity =  <input id="maxO" type="number" name="maxO"
        min="0" max="1" step=".01" value="1.0" ></p>
        <p>Minimum Opacity = <input id="minO" type="number" name="minO"
       min="0" max="1" step=".01" value="0.0"></p>
   </fieldset>

<p><input type="submit" name="Submit" value="Submit" onclick="pageSel()">    </p>
</form>

<script>
function pageSel() {
  alert("The data you have entered is now stored locally");
  window.open("test_sml2.html")
}  

var maxOpacity = document.getElementById("maxO").value
store.set("maxO", maxOpacity);
</script>

这是输入测试代码：

<head>    
<script src="../js/store.min.js"></script>
    <title>Test Code</title>
</head>

<body>
    <p>Verifying input data</p>
    <p id="var1"></p>
<script>
    var mxO = store.get("maxO");
        alert( typeof mxO );
    document.getElementById("var1").innerHTML = mxO;

</script>

警告告诉我mxO是一个字符串。图形页面期望该值为数字。如果有人能告诉我自己做错了什么，我会很感激......

使用store.js将变量从一个页面传递到下一个页面，保持变量类型不变

0 个答案: