Question

我想按钮使用javascript加载html页面。（就像Ajax代码我不想要页面重定向）.... 但代码无法加载html page＆amp;我想让它填满页面视图。

所以这是代码：

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

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

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

Answer 2

尝试这样：

    <!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，此文件应位于同一文件夹中或提供相对路径。

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

2 个答案: