Question

我需要在html中将值从一个页面传递到另一个页面。我只使用div类。在那一个值显示。我需要将值传递给另一个页面并显示它。

这是我的代码

<div class="scoredisplay">
<h3>SCORE</h3><button onclick="window.open('1.html','mywindow');">ok</button>
<div class="displayno">
</div>

Js

 if (correct_move == 6) {                           

 $('.displayno').append(+success).show();
 $('#successMessage').show();
 $('#successMessage').animate({
 left: '458px',
 top: '200px',
 width: '400px',
 height: '100px',
 opacity: 1
 });
 }

Answer 1

如果要将值发送到另一个页面。您将不得不使用查询字符串。以下代码也是如此。

<title>Passing Parameters between pages</title>

<script type="text/javascript" language="javascript">

function PassValue()

{

    var paramVal = "Hello Param";

    window.open("Default2.html?id=" + paramVal);

}

</script>

<form id="form2">



    <input type="button" id="Button1"

        OnClick="PassValue();" value="Click Here" />



</form>

现在paramVal为＆＃34; Hello Param＆＃34;将作为Default2.html传递到另一个页面。并且可以使用以下代码检索

函数GetParamValue（）{

var query = window.location.search.substring（1）;

var parms = query.split('&');

for (var i=0; i >parms.length; i++)

{

    var pos = parms[i].indexOf('=');

    if (pos > 0) {

    var key = parms[i].substring(0,pos);

    var val = parms[i].substring(pos+1);

    alert(val);

   }

}

在脚本中使用上面的代码来获取发送的所有值的列表

Answer 2

由于您导航到其他页面，我建议您使用几种方法，期望您不使用任何类型的服务器。

首先 -

您可以将变量存储在localStorage中并根据需要调用。请参阅此处的简单教程

http://www.htmldog.com/guides/javascript/advanced/localstorage/

第二 -

您可以在URL中传递您的此变量，并在下一页阅读。

如何在html中将值从一个页面传递到另一个页面

2 个答案: