本地存储和DOM加载完成事件是两个不同的概念,它们解决的问题也不同。下面分别给出解决本地存储和DOM加载完成事件的代码示例。
// 存储数据
localStorage.setItem('name', 'John');
localStorage.setItem('age', 30);
// 获取数据
var name = localStorage.getItem('name');
var age = localStorage.getItem('age');
console.log(name); // 输出: John
console.log(age); // 输出: 30
document.addEventListener('DOMContentLoaded', function() {
// DOM加载完成后执行的操作
console.log('DOM加载完成');
});
下面是一个使用window.onload事件的示例代码:
window.onload = function() {
// DOM加载完成后执行的操作
console.log('DOM加载完成');
};
这两个事件的区别在于DOMContentLoaded事件在页面的DOM结构加载完成后就会触发,无需等待其他资源(如图片)加载完成,而window.onload事件需要等待所有资源加载完成后才会触发。