Javascript HTML清除所有当前内容并在同一窗口中加载新内容

我不熟悉javascript和html。我想在页面上添加一个按钮，例如“a”按钮。当我点击一个按钮时，我希望页面被清理，并显示一些新的内容，如文本框或其他内容

我在网上搜索过。我找到的方法，例如

document.body.innerHTML=“

”，将在单击按钮后使用我想要显示的新元素清理整个页面，因为我已经加载了所有html元素。它会把它们都清理干净。我还尝试使用一个单独的html文件，将新内容放在那里，并在单击按钮后加载它。我尝试了window.open（“我计算机上的文件路径”）。但我认为这是不对的，因为我只是打开了一个空白页

---

感谢您的帮助。

使用jQuery查询此页面。将所有要替换的内容放在一个单独的“div”中。并替换如下所示的HTML

$("button").click(function(){
  $("div").html("Hello <b>world</b>!");
}); 

$（“按钮”）。单击（函数（）{
$（“div”）.html（“你好，世界！”）；
}); 

您需要导入jQuery，如下所示：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

---

好吧，有多种方法可以完成你的任务。 假设您的html中已经有按钮A：

<button name="myButton" onclick="replacePage()">Button A</button>

---

你可以这样说：-

HTML中的按钮

<button onclick="changeContent()">Change Content</button>

更改内容

Javascript

<script>
    function changeContent(){
        var content = "<input type='textbox' name='myTextbox'>";
        document.write(content);
    }
</script>

函数changeContent（）{
var-content=“”；
文件。编写（内容）；
}

我有一个login.jsp文件uhm。。哪里请提供更多详细信息（脚本/标记）我们要帮助您的不是链接的用途吗？当库不在标记或发布代码中且与问题不相关时，建议使用库不是一个好主意。如果用户不知道并教他/她一些对他来说简单且新的东西，该怎么办？调用document.write在加载事件后将首先调用document.open，这将清除页面的全部内容doctype、html元素和lot。然后它将编写标记，导致无效的HTML文档（尽管错误更正可能会添加必要的mandotory组件，并使浏览器进入怪癖模式）。感谢您的反馈。但我以前遇到这个问题时做了什么。我阅读了整个.html文件并编写了document.write（htmlfilecontent）。那次对我很有效，谢谢。但我想加载多个元素？如何做到这一点？那么，正如我在前面的评论中提到的那样，您可以做些什么？阅读html文件并执行

document.write（filecontent）

。它会起作用的。我们该怎么做呢？我可以创建一个html文件变量吗？你能提供更多细节吗？我不清楚htmlink.html应该是什么。我写了一个html文件并放在本地磁盘上。我可以把它的路径放在那里吗？可以。如果它们在同一个目录中，您可以简单地替换文件名。它没有加载页面。如果我摆脱了“自我”的论点。它将打开一个新的空白页。请尝试将testpage.html放在与主测试html文件相同的目录中。并简单地将“testpage.html”作为第一个参数。

<button onclick="changeContent()">Change Content</button>

<script>
    function changeContent(){
        var content = "<input type='textbox' name='myTextbox'>";
        document.write(content);
    }
</script>