在JavaScript中,可以使用本地存储(localStorage)来保存未保存的数值。以下是一个示例代码:
// 读取本地存储的数值
var savedValue = localStorage.getItem('unsavedValue');
// 如果有保存的数值,则将其显示在页面上
if (savedValue) {
document.getElementById('value').innerHTML = savedValue;
}
// 监听输入框的变化事件
var input = document.getElementById('input');
input.addEventListener('input', function() {
// 获取输入框的值
var value = input.value;
// 将值保存到本地存储中
localStorage.setItem('unsavedValue', value);
});
// 清除本地存储的数值
function clearValue() {
localStorage.removeItem('unsavedValue');
document.getElementById('value').innerHTML = '';
}
在上述示例中,我们使用了localStorage
对象的getItem
方法来读取本地存储的数值,并使用setItem
方法将数值保存到本地存储中。然后,我们使用addEventListener
方法监听输入框的变化事件,并在事件发生时将输入框的值保存到本地存储中。最后,我们使用removeItem
方法清除本地存储的数值。
请注意,由于本地存储是特定于每个浏览器和每个域的,因此存储的数值将在同一浏览器和同一域中保持,并且在其他浏览器或其他域中不可用。