HTML+JS动态网页示例:按钮点击显示消息

这是一个简单的基于HTML和JavaScript的动态网页示例,它将显示一个按钮,当您单击该按钮时,它将在页面上显示一条消息。

HTML代码

<!DOCTYPE html>
<html>
<head>
	<title>动态网页示例</title>
</head>
<body>
	<button onclick='displayMessage()'>显示消息</button>
	<p id='message'></p>
	<script src='script.js'></script>
</body>
</html>

JavaScript代码(存储在名为“script.js”的文件中)

function displayMessage() {
	var message = document.getElementById('message');
	message.innerHTML = 'Hello, World!';
}

当您单击'显示消息'按钮时,它将调用JavaScript函数'displayMessage()',该函数将在页面上查找具有ID'message'的段落元素,并将其内容设置为'Hello, World!'。

希望这可以帮助您开始创建自己的动态网页!


原文地址: https://www.cveoy.top/t/topic/lUB6 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录