javascript - 不依赖浏览器，在浏览器中保持输入值不变

Question

用户在<input/>中输入的值刷新页面后要求保持不变。

为了保持跨浏览器兼容性，希望避免浏览器依赖性。(例如:cookie、localStorage 不是解决此问题的方法。)任何人都可以让我知道如何实现这一点。 JavaScript、Jquery都可以，但要兼容浏览器。

Answer 1

这应该可以帮助您入门。您可以使用 URL 中的 # 符号向 URL 添加文本，而无需离开该页面。然后，当重新加载页面时，您可以将文本从 URL 中拉出来。

HTML 和 Javascript 代码:

Type something in the box below and then refresh the page:<br>
<input type="text" id="myTextBox" onkeyup="saveValue();">

<script type="text/javascript">
    var originalLocation = document.location.href;
    var myTextBox = document.getElementById('myTextBox');

    function saveValue(){
        document.location.href = originalLocation + "#" + myTextBox.value;
    }

    if(document.location.href.indexOf("#") > -1){
        myTextBox.value = document.location.href.split("#")[1];
    }
</script>