2017-08-05 52 views
0

嗨所有我設法將價值發送到其他文件通過在不同情況下使用INPUT,但不知道什麼東東錯誤做span或div相同。如何從其他文檔更改div中的文本?

不工作soo也許這會更容易幫助我。

我最初的想法是增加0.00 everyttime的i的值0.01點擊按鈕..我想這個值在文件one.html來顯示和two.html以及..

最初的想法:

   <div class="control-group"> 
       <label id="firstDiv" class="control-label"><span>0.00</span> 
       </label> 



            <div id="hm"> 
            <span id="textChanger" class="btn btn- 
      large btn-primary pull-right"> Quick Click </span> 
            </div> 
             <script> 

     var one = 0.00; 
     document.getElementById("textChanger").onclick = function(){ 

      if (one < 0.05){ 


      document.getElementById("firstDiv").innerHTML = one +=0.01; 

      } 

      else { 
       document.getElementById("firstDiv").innerHTML = "You are a 
      WINNER!"; 
       document.getElementById("hm").innerHTML = ""; 

      } 
     } 
      </script> 

簡單的想法讓我瞭解所有的本地存儲。它不工作。 one.html

<html> 
    <head> 
    <title></title> 
    <script> 


     function storedata() 
     { 
      localStorage.username = document.getElementById('txt_username'); 
     } 



    </script> 


    </head> 
    <body> 


    <span id="txt_username">Arek</span> 
    <input type="button" onclick="storedata()" name="name" value="Store 
    UserName"/> 


    </body> 
    </html> 

two.html

<html> 
    <head><script> 
    function getlocalstorage() 
     { 
      if(localStorage.username) 
      { 
       document.getElementById('span1').innerHTML = 
    localStorage.username; 
      } 
     } 

     </script> 
</head> 
<body onload="getlocalstorage()"> 



    <span id="span1"></span> 

</body> 
</html> 
+0

使用localStorage的。 –

+0

你想從' 0.00'改爲只有'0.01'。 – Siphalor

回答

0

打開經由var w2 = window.open("document2.html");第二個文檔。然後w2是的文件2.

window.open

0

使用的localStorage的window對象。在第一頁中,使用localStorage.setItem(item,value)設置一個localStorage項目。在第二頁中檢查localStorage項是否存在,如果存在,請使用它中的值,否則使用0.0。

您可能還想在第一頁關閉時刪除localStorage項目。爲此,您應該使用onbeforeunload事件。

在第一頁時,JS會是這樣:

var n=0.0; 
function sd(){ 
n+=0.1; 
localStorage.setItem("ls", n); 
} 

功能SD必須使用onclick事件中調用。

第二頁的JS:

function get(){ 
if(localStorage.getItem("ls")){ 
document.getElementById("id").innerHTML=localStorage.getItem("ls"); 
}; 
} 
document.addEventListener("DomContentLoaded", function(){ 
get(); 
}) 
+0

嗨,首先感謝答案第二,我設法發送價值從一個文件到其他購買LocalStorage,但使用INPUT文本。但不知道如何用Span ..或Div ... –

+0

我編輯了我的答案。 – Wolfuryo

相關問題