By using java script how can i pass values from one html page to another html page? [duplicate]

Question

Passing of values from one html page to another html page using javascript And below is my code: Fisrt page as html1.html:

<!DOCTYPE html>
  <html>
   <head>
    <script>
       function newDoc() 
       {
       window.location.assign("html2.html");
       }
    </script>
   </head>
      <body>
         <input type="button" value="submit" onclick="newDoc ()">
      </body>
  </html>

And the second html code as html2.html:

<!DOCTYPE html>
  <html>
    <head>
      <script>
        function newDoc()
        {
         window.location.assign("html1.html");
        }
      </script>
     </head>
      <body>
         <input type="button" value="submit" onclick="newDoc ()">
      </body>
    </html>

Maybe you can try to store values in localStorage

matox
– matox

2016-10-20 09:50:43 +00:00
Commented Oct 20, 2016 at 9:50 — matox
– matox, Commented Oct 20, 2016 at 9:50
Use some cookies?

evolutionxbox
– evolutionxbox

2016-10-20 09:51:35 +00:00
Commented Oct 20, 2016 at 9:51 — evolutionxbox
– evolutionxbox, Commented Oct 20, 2016 at 9:51
Why not simply use POST or GET?

jogoe
– jogoe

2016-10-20 09:52:13 +00:00
Commented Oct 20, 2016 at 9:52 — jogoe
– jogoe, Commented Oct 20, 2016 at 9:52
read docs. w3schools.com/js/js_cookies.asp

A.T.
– A.T.

2016-10-20 10:02:07 +00:00
Commented Oct 20, 2016 at 10:02 — A.T.
– A.T., Commented Oct 20, 2016 at 10:02

Shariq Ansari · Accepted Answer · 2016-10-20 09:57:54Z

2

In html we can load other files into one html file using Iframe

    <body>

      <iframe src="html2.html">

      </iframe>

   </body>

We can use jquery function to load the file into some specific div.

     <script> 
       $(function(){
        $('#header').load("header2.html"); 
       });
     </script>

answered Oct 20, 2016 at 9:57

Shariq Ansari

4,6911 gold badge30 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 10:30:28Z

0

In javascript, window.location object has a search attribute. So, if your location is http://example.com/html1.html?foo=bar then your window.location.search is ?foo=bar (console.log(window.location)).

How to parse search string: How can I get query string values in JavaScript?

edited May 23, 2017 at 10:30

CommunityBot

11 silver badge

answered Oct 20, 2016 at 9:56

doubleui

5562 silver badges8 bronze badges

Comments

Gesha · Accepted Answer · 2016-10-20 10:03:47Z

0

If the variable that you want to pass is important for your application, maybe it will be better to store it in localStorage/sessionStorage or a cookie.

answered Oct 20, 2016 at 10:03

Gesha

9215 silver badges7 bronze badges

Collectives™ on Stack Overflow

By using java script how can i pass values from one html page to another html page? [duplicate]

3 Answers 3

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Linked

Related