2016-12-04 3 views
0

Hallo ich mag meine Eingabe von einer html5-Seite in einen var Eingang speichern und auf einer anderen Seite angezeigt werden soll ..Eingabe speichern und schreiben Sie es heraus mit DOM - JavaScript

Hier können Sie sehen, meine Codierung .

<html> 
 
    <head> 
 
     <title>TODO supply a title</title> 
 
     <meta charset="UTF-8"> 
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
 
    </head> 
 
    <body> 
 
     <form method ="post" action="TestJS.html"> 
 
      <p>Vorname: <input type="text" id="vorname"></p> 
 
      <p><input value="Send" type="submit"></p> 
 
     </form> 
 
    </body> 
 
</html>

  
 
    
 
<html> 
 
    <head> 
 
     <title>Testing of JavaScript - Language</title> 
 
     <meta charset="UTF-8"> 
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
 
    </head> 
 
    <body> 
 
<script> 
 
     
 
     var input = document.getElementById('vorname').value; 
 
     document.write(input); 
 
     
 
    </script> 
 
     
 
    </body> 
 
</html>

+0

Javascript kann nicht gebucht Werte zugreifen. Verwenden Sie get oder localStorage(). – Lain

Antwort

0

Sie können keine Werte von einer Seite zur anderen senden mit nur Front Javascript beenden. Sie benötigen dazu eine Backend-Programmiersprache. In JavaScript sollte node.js dazu in der Lage sein.

0

Sie method Attribut GET bei <form> Element festlegen können, setzen target Attribut form-"_blank". Geben Sie ein name Attribut für <input> Element, um Abfragezeichenfolge an eine TestJS.htmldocument an einer neuen window übergeben.

Bei TestJS.html Verwendung load Fall window Parse location.search mit String.prototype.slice(), String.prototype.split() geben Query-String abzurufen, setzen Sie dann .innerHTML eines Elements bei TestJS.html.

<form method="GET" action="TestJS.html" target="_blank"> 
    <p>Vorname: 
     <!-- set `name` attribute at `input` element --> 
     <input type="text" name="text" id="vorname"> 
    </p> 
    <p> 
     <input value="Send" type="submit"> 
    </p> 
    </form> 

TestJS.html

<div id="result"></div> 
    <script> 
    window.onload = function() { 
     // parse query string parameters of `location.search` : `?text=<input>` 
     var props = location.search.slice(1).split("="); 
     document.getElementById("result").innerHTML = props[0] + ":" + props[1]; 
    } 
    </script> 

plnkr http://plnkr.co/edit/Dq3PE4Xhx3pllIHSpwNy?p=preview

Verwandte Themen