是否可以使用Javascript或HTML来更改HTML内容?
例如我有
<HTML>
<head>
<title>Hello!</title>
</head>
<body>
Click the button below to go to page two.
<button type="button" onclick="gotopage2">Click Me!</button>
</body>
</html>
我试图将其设置为单击按钮时页面更改为:
<HTML>
<head>
<title>Hello!</title>
</head>
<body>
Welcome to page 2!
</body>
</html>
这样,用户只需单击按钮即可使页面看起来发生变化,而无需加载新页面。就像玩电子游戏时走进房子一样。
这是我正在制作的一个迷你网络应用程序,这样当用户单击一个图标时,它会将他们带到一个描绘图像和文本正文的新屏幕。
最佳答案
我们可以使用innerHTML属性来改变html元素值, 使用以下代码示例。
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Welcome to page 2!";
}
</script>
<HTML>
<head>
<title>Hello!</title>
</head>
<body id="demo">
Click the button below to go to page two.
<button type="button" onclick="myFunction()">Click Me!</button>
</body>
</html>
关于javascript - 我可以用JS或HTML替换屏幕吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27684134/