javascript - 能用js切换html页面吗?

标签 javascript html dom

https://www.w3schools.com/js/tryit.asp?filename=tryjs_dom_image 这是关于用js改变html内容,但它是关于图像的。是否也可以做类似的事情,所以相同,但使用新的 html 文件进行操作,以便您可以在页面内切换页面? 因此计划是使用 js 将下面的 html(id="id")替换为另一个 html 文件。

document.getElementById("id").src = "otherfile.html";
<html>
<body>
hey guys! here is my html page. If you click underneath, content will be changed.
<html id="id">
<body>
here is the text that will change if id="id" will be changed by a different html file
</body>
</html>
</body>
</html>

当然,我知道这是行不通的。 但是有没有办法实现这个目标呢?

如果您正在阅读并尝试回答我的帖子,谢谢您,我知道这是一个困惑且糟糕的问题,所以向您表示感谢。

最佳答案

更改 div 的内容而不是整个 HTML 怎么样?通过 jQuery。

<div id="dynamic-html">
    here is the text that will change if id="id" will be changed by a different html file
</div>

$( "#btnChangeHTML" ).click(function() {
    $( "#dynamic-html" ).html("<div  class='myclass'>This is the custom HTML</div>");
});

这是一个 fiddle :

https://jsfiddle.net/u8xsker2/2/

关于javascript - 能用js切换html页面吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50532837/

相关文章:

javascript - JS 数组移位 vs 拼接 vs 切片 vs 解构

javascript - 遍历DOM回传一张图片

javascript - Polymer 2.5.0 - dom-repeat 未更新

JavaScript document.getElementById (“id” ) 和元素 id 属性

javascript - 聚合匹配管道不等于 MongoDB

javascript - 在 Indexeddb 中存储 Javascript 函数是隐藏 javascript 的有效方法吗?

java - 将值从 html 页面传递到 java 类的最佳方法是什么?

css - 推特、YouTube 等的网站 Logo

javascript - 如何将 d3-jetpack 与 d3v4 一起使用?

javascript - Bootstrap 模式联系表单问题