如何使用javascript中的按钮加载HTML页面_Javascript_Html_Ajax

如何使用javascript中的按钮加载HTML页面

javascript html ajax

如何使用javascript中的按钮加载HTML页面,javascript,html,ajax,Javascript,Html,Ajax,我想创建一个按钮，使用javascript加载html页面。像Ajax代码一样，我不希望页面重定向。。。。但是代码无法加载html页面&我希望它填充页面视图下面是代码： <!DOCTYPE html> <html> <body> <h1>My First JavaScript</h1> <button type="button" onclick="document.getElementById("demo").innerH

我想创建一个按钮，使用javascript加载html页面。像Ajax代码一样，我不希望页面重定向。。。。但是代码无法加载html页面&我希望它填充页面视图

下面是代码：

<!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>

你必须避开双引号。例如：

试着这样做：

    <!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>

注意：此处register.html和该文件应位于同一文件夹中或给出相对路径。

谢谢Belichev先生，但该页面无法再次加载：-/哦，是的，双引号是用HTML中的或\x22转义的，不是\。谢谢suchit先生，但是页面仍然是一个200*200的框，我如何使它填充页面？这应该会增加大小。谢谢，但是它仍然是加载一个200*200 HTML框，如何使它填充页面？它加载的非常小

    <!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>