在JavaScript中,当页面加载时创建一个DIV,加载结束后,就关闭
时间: 2024-10-02 21:01:06 浏览: 27
网页加载中javascript
在JavaScript中,如果你想要在页面加载完成后动态创建一个`<div>`元素并立即移除它,你可以使用`DOMContentLoaded`事件。这个事件会在文档内容完全加载并解析完毕后触发。下面是一个简单的示例:
```javascript
document.addEventListener('DOMContentLoaded', function() {
// 创建一个新的div元素
var div = document.createElement('div');
div.textContent = '这是动态创建的div';
// 将div添加到页面中
document.body.appendChild(div);
// 当页面加载完成之后,延迟一段时间再移除
setTimeout(function() {
// 使用removeChild移除div
document.body.removeChild(div);
// 或者直接在创建时使用oneTimeCallback选项
div.onclick = function() { this.remove(); };
}, 1000); // 这里1000毫秒代表1秒后执行
});
```
在这个例子中,我们首先监听`DOMContentLoaded`事件,然后创建一个`div`并将其添加到`body`上。接着,我们设置一个定时器,延迟1秒钟后删除`div`。你也可以选择使用`onclick`事件立即移除。
阅读全文