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

how to pass the value from one page to another page in html

本文关键字：一个 另一个 html      更新时间：2023-09-26

我需要在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
 });
 }

如果您想将值发送到另一个页面。您将不得不使用查询字符串。下面的代码做同样的事情。

<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作为"Hello Param"将被传递到另一个页面作为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);
   }

}

}

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

既然您要导航到其他页面，我建议您使用几种方法，希望您没有使用任何类型的服务器。

,

您可以将变量存储在localStorage中并根据需要调用。查看这里的简单教程

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

,

你可以在URL中传递这个变量，并在下一页读取它。

相关文章：