2016-11-02 4 views
1

firstpage.htmlとsecondpage.htmlという2つのHTMLページがあります。JavaScriptを使用してデータを転送する

<!DOCTYPE html> 
<html> 
<head> 
<title>Form Filling</title> 
</head> 
<body> 
    <form action="secondpage.html" method="GET"> 
Enter Serial Number: <input type="number" name="serialNumber" /> 
        <input type="submit" value="Submit" /> 
</form> 
</body> 
</html> 

FIRSTPAGEデータがsecondpage.htmlに送信されます。firstpage.htmlでは、フォーム - firstpage.htmlあります。だから今、私はそうsecondpageで上記のコードことsecondpage.htmlするfirstpage.htmlからのserialNumber変数を渡すことができ

<!DOCTYPE html> 
<html> 
<head> 
    <title>Display</title> 
</head> 
<body> 
<form name="selva" action="thirdpage.html"> 
    <input type="hidden" name="kumar"> 
</form> 
<script type="text/javascript"> 
    var locate=window.location; 
    document.selva.kumar.value=locate; 
    var text=document.selva.kumar.value; 
     function pass(str) 
     { 
     point=str.lastIndexOf('='); 
     return(str.substring(point+1,str.length)); 
     } 
document.write("Serial Number" + pass(text)); 
</script> 
</body> 
</html> 

:私はsecondpage.html- secondpage.htmlでフォームデータのserialNumberを表示し、使用したいです.htmlのは、シリアルnuimberを示し、私はthirdpage- thirdpage.htmlの中で同じシリアル番号をお勧めします:

<!DOCTYPE html> 
<html> 
<head> 
    <title>Repeating</title> 
</head> 
<body> 
<form method="link"> 
    Enter Serial Number2: <input type="number" name="burns" /> 
         <input type="submit" value="Submit" /> 
</form> 
</body> 
</html> 

すべてのこれらのページのデータを印刷する方法を教えてください?

+0

ローカルストレージをお試しになりましたか? – prasanth

+0

いいえ、ローカルストレージを使用する方法を教えてください –

+0

[localstorageの基本と使用方法を参照](http://www.w3schools.com/html/html5_webstorage.asp) – prasanth

答えて

-2

最も簡単な方法は、3つのページすべてを1つのhtmlファイルに書き込んで、条件に基づいて表示することです。この方法では、localstorageを使用する必要はありません。

他の方法は、クエリパラメータを使用することです。あなたはそれらの使い方を簡単に学ぶことができます。ここでは、簡単なJavaScriptの柄のクエリのparamsプラグインへのリンクです:

http://jillix.github.io/url.js/

あなたが別のHTMLへのクエリパラメータとしてシリアル番号を渡すことができます。あなたがこの方法の使い方を混乱させるなら、私に知らせてください。私はあなたに詳細を教えてくれるでしょう。

関連する問題