如何在回发时保留 JavaScript 函数中的静态变量值？

Question

我有下面的示例：

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">

    <script type="text/javascript">
function test(){

if (test.initialized=='undefined'){
    test.initialized = 'true';
    }

alert(test.initialized);

};
    </script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <asp:Button ID="btnPostBack" runat="server" Text="Post back" OnClientClick="test()" />
</asp:Content>

当我单击页面上的回发时，我发现初始化的变量（在函数本身上定义）正在丢失其值并再次变为“未定义”。

是否可以在定义这些静态值后保留这些值并使它们不受页面上任何回发的影响？

Answer 1

当页面重新加载时，javascript 将在回发时重新执行（除非您使用更新面板）。

要保留客户端值，请使用 JS 将值写入 asp 隐藏字段，并且如果 IsPostBack 为 true，则不渲染 javascript，这样它就不会在回发时被覆盖

Answer 2

我认为使用部分回发也是一种方法。

如果不可能，只能使用Java脚本，我认为cookies可以是另一种方式，只要用户不关闭它们。

我的感觉是最好的方法是以我不需要存储它的方式设计页面:)

Answer 3

您可以添加一个隐藏字段并设置其值吗？我认为这样它将保留在视图状态中，并且您可以使用以下命令将其值加载回变量中：

var p = '<%=blah.Text%>';

Answer 4

您可以将它们添加为查询字符串或将它们保存在 cookie 中。

Answer 5

也许你想做这样的事情。我还认为您将测试函数与测试对象混淆了。

var initialized = false;
function test(){
    if ( !initialized){
        initialized = true;
    }
};
            alert(initialized); // false
            test();
            alert(initialized); //true