Javascript 用HTML保存数据? 你好,世界 输入代码: 点击我 函数myFunction(){ var jobValue=document.getElementById('code')。值; document.getElementById(“p2”).innerHTML=jobValue;}

Javascript 用HTML保存数据? 你好,世界 输入代码: 点击我 函数myFunction(){ var jobValue=document.getElementById('code')。值; document.getElementById(“p2”).innerHTML=jobValue;},javascript,html,Javascript,Html,好的,这个HTML代码段接受文本框中的值,然后进行更改 单击“单击我”后,将“Hello World!”转换为该值。但是当我跑步的时候 它在我的主机上无法保存。即使刷新,我要如何保存输出 页面?使用 您可以使用localStorage以键值格式保存和检索值。 这里是一个片段 HTML 如果从var jobValue=document.getElementById('code').value中删除var,则可以将值存储在中这难道不会使它自动成为全局的,因此可以在任何地方使用吗? <p id=

好的,这个HTML代码段接受文本框中的值,然后进行更改 单击“单击我”后,将“Hello World!”转换为该值。但是当我跑步的时候 它在我的主机上无法保存。即使刷新,我要如何保存输出 页面?

使用


您可以使用
localStorage
以键值格式保存和检索值。 这里是一个片段

HTML


如果从
var jobValue=document.getElementById('code').value中删除var,则可以将值存储在中这难道不会使它自动成为全局的,因此可以在任何地方使用吗?
<p id="p2">Hello World!</p>
Enter Code:<br>
<input type="text" id="code" value="HTML">
<button onclick="myFunction()">Click me</button>
<script>
function myFunction() {
var jobValue = document.getElementById('code').value;
document.getElementById("p2").innerHTML = jobValue; }
</script>
</form>
document.cookie = code + "=" + jobValue + "; "
<p id="p2">Hello World!</p>
Enter Code:<br>
<input type="text" id="code" value="HTML">
<button onclick="myFunction()">Click me</button>
<!-- Just for testing-->
<button onclick="testStoredVal()">Check Stored Val</button>
 function myFunction() {
    var jobValue = document.getElementById('code').value;
      if(typeof(Storage) !== "undefined") {
       localStorage.jobValue = jobValue;
    } else {
        // Sorry! No Web Storage support..
      }
    }

    // This function is just for testing
      function testStoredVal(){
        if(localStorage.jobValue == undefined){
        alert('No value Stored');  
       }
        else{
          alert(localStorage.jobValue);
        }
      }