Question

我想知道以下内容，我使用以下代码来更改div的值。

$('#element').click(function() {
  $('div').html('Hi There');
});

但是，当我刷新页面时，该值返回其原始值，有没有办法在刷新后保留该值？

此致

迈克尔

Answer 1

即使在页面刷新后，您也可以使用HTML5本地存储或Cookie或会话存储来记住特定值。

这是使用本地存储

的客户端实现请求

<div id="mydiv">
    content
</div>
<input type="button" id="element" value="test" />
<div id="result">
</div>



<script>
function save_on_local_storage() { 

// Check browser support
if (typeof(Storage) != "undefined") {
    // Store
    localStorage.setItem("olddiv", $('div').html() );
} else {
    document.getElementById("result").innerHTML = "Sorry, your browser does not support Web Storage...";
}

}

function get_local_storage() { 

// Check browser support
if (typeof(Storage) != "undefined") {

    // Retrieve
    document.getElementById("result").innerHTML = localStorage.getItem("olddiv");
} else {
    document.getElementById("mydiv").innerHTML = "Sorry, your browser does not support Web Storage...";
}

}


$('#element').click(function() {
  save_on_local_storage();
  $('#mydiv').html('Hi There');
});

get_local_storage();
</script>

如果您想在点击元素按钮后保留html内容，则必须在save_on_local_storage();之后调用$('#mydiv').html('Hi There');

这里是小提琴试试link

刷新后保留更改的div文本

1 个答案: