How load HTML Pages, using button in javascript

Question

I want to make button to load a html page using javascript. (Like Ajax Codes I don't want the page redirection).... but the code can't load html page & i want it to fill the page view.

so here is the code:

<!DOCTYPE html>
<html>
<body>

<h1>My First JavaScript</h1>

<button type="button"
onclick="document.getElementById("demo").innerHTML='<object type="type/html" data="register.html" >
submit</button>
<p id="demo"></p>

</body>
</html>

Answer 1

You have to escape the double quotes. Example:

<button type="button"
   onclick=" document.getElementById(\"demo\").innerHTML=
      '<object type=\"type/html\" data=\"http://www.target.com/register.html\">' ">
submit</button>

Answer 2

try like this:

    <!DOCTYPE html>
    <html>
    <style>
      #demo{
      width:700px !important;
      height:600px !important;

      }


  </style>
    <script>

    function loadPage(){
        document.getElementById("demo").innerHTML="<object type='type/html' data='register.html' >";

    }


      </script>
    <body>

    <h1>My First JavaScript</h1>

    <button type="button"
    onclick="loadPage();" >
    submit</button>
    <p id="demo"></p>

    </body>
    </html>

note: here register.html and this file should be in same folder or give relative path.

How load HTML Pages, using button in javascript

Question

2 answers

solution1
0 2014-11-15 11:00:20

solution2
0 ACCPTED 2014-11-15 11:12:25

How load HTML Pages, using button in javascript

Question

2 answers

solution1 0 2014-11-15 11:00:20

solution2 0 ACCPTED 2014-11-15 11:12:25

solution1
0 2014-11-15 11:00:20

solution2
0 ACCPTED 2014-11-15 11:12:25