JavaScript 是一种广泛使用的编程语言,主要用于网页开发和服务器端编程。以下是一个简单的 JavaScript 实例源码,展示了如何创建一个基本的网页交互功能。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript Example</title>
</head>
<body>
<h1 id="greeting">Hello, World!</h1>
<button id="changeText">Change Text</button>
<script src="script.js"></script>
</body>
</html>
document.addEventListener('DOMContentLoaded', function() {
const greetingElement = document.getElementById('greeting');
const changeTextButton = document.getElementById('changeText');
changeTextButton.addEventListener('click', function() {
greetingElement.textContent = 'Text has been changed!';
});
});
<h1>
) 和一个按钮 (<button>
)。script.js
。DOMContentLoaded
事件确保在 DOM 完全加载后再执行脚本。DOMContentLoaded
事件或确保脚本标签放在 HTML 文件的底部。通过以上示例和解释,希望能帮助你理解 JavaScript 的基本用法及其在实际开发中的应用。
没有搜到相关的沙龙