javascript - 我可以用JS或HTML替换屏幕吗?

标签 javascript html web-applications

是否可以使用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/

相关文章:

java - 将 Web 应用程序部署为 war 文件

java - 无法使用 javascript 提交()接缝表单

javascript - 如何使用 mozilla 附加 sdk API 从响应中提取 html 页面?

java - 部署 ear Web 应用程序时出现 Glassfish 错误

javascript - 悬停时更改图像 src

java - 如何使用下拉菜单创建javascript提示

php - 如何从里到外记录现有的小型网站(网络应用程序)?

javascript - React 将组件作为参数传递给函数

javascript - 将draggable附加到容器jquery

javascript - iPhone 悬停时的灰色区域