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

Question

I want to make button to load a html page using javascript. 我想让按钮使用javascript加载html页面。 (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. （就像Ajax代码一样，我不希望页面重定向）....但是代码无法加载html页面和我希望它填充页面视图。

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. 注意：此处的register.html和此文件应位于同一文件夹中或提供相对路径。

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

问题描述

2 个解决方案

解决方案1
0 2014-11-15 11:00:20

解决方案2
0 已采纳 2014-11-15 11:12:25

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

问题描述

2 个解决方案

解决方案1 0 2014-11-15 11:00:20

解决方案2 0 已采纳 2014-11-15 11:12:25

解决方案1
0 2014-11-15 11:00:20

解决方案2
0 已采纳 2014-11-15 11:12:25