十行代码左右的独立js程序加解释
时间: 2024-03-25 14:38:51 浏览: 11
以下是一个简单的 JavaScript 程序,它会在网页中创建一个按钮,当按钮被点击时,会弹出一个对话框显示 "Hello World!"。
```javascript
// 为页面添加一个按钮
var button = document.createElement("button");
button.innerHTML = "Click me";
document.body.appendChild(button);
// 当按钮被点击时,弹出对话框
button.addEventListener("click", function() {
alert("Hello World!");
});
```
代码分解:
1. `var button = document.createElement("button");` - 创建一个新的按钮元素。
2. `button.innerHTML = "Click me";` - 设置按钮的文本内容为 "Click me"。
3. `document.body.appendChild(button);` - 将按钮添加到页面上。
4. `button.addEventListener("click", function() { ... });` - 为按钮添加一个点击事件监听器。
5. `alert("Hello World!");` - 在对话框中显示 "Hello World!"。
这个程序非常简单,只有五行 JavaScript 代码。它演示了如何使用 JavaScript 操作网页元素,并且展示了如何使用事件监听器来响应用户的行为。