九八云安全在网页开发中，有时需要让 JavaScript 代码在页面加载时自动执行，这可以通过多种方式实现，其中一种常见的方法是使用<div> 标签结合 JavaScript 来实现，下面将详细介绍如何在 HTML 中使用<div> 标签来自动执行 JavaScript 代码。
使用<div> 标签自动执行 JavaScript
要在页面加载时自动执行 JavaScript 代码，可以将 JavaScript 代码嵌入到<div> 标签内，并使用DOMContentLoaded 事件监听器来确保代码在 DOM 完全加载后执行，以下是一个示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Auto Execute JavaScript with Div</title>
</head>
<body>
<!-创建一个隐藏的 div 用于存放 JavaScript 代码 -->
<div id="autoExecDiv" style="display: none;">
<script type="text/javascript">
// 当 DOM 完全加载后执行此函数
document.addEventListener('DOMContentLoaded', function() {
console.log('JavaScript 代码已自动执行！');
// 在这里添加你需要自动执行的 JavaScript 代码
});
</script>
</div>
<h1>欢迎来到我的网页</h1>
<p>这是一个示例页面，展示如何使用 div 标签自动执行 JavaScript 代码。</p>
</body>
</html>
在这个示例中，我们创建了一个隐藏的<div> 标签（通过设置style="display: none;"），并在其中嵌入了 JavaScript 代码，使用document.addEventListener('DOMContentLoaded', function() {...}) 确保 JavaScript 代码在 DOM 完全加载后执行，这样，当页面加载完成时，控制台会输出“JavaScript 代码已自动执行！”的消息。
表格对比不同方法
| 方法 | 优点 | 缺点 | |||
使用
|
|||||
使用 标签的 |
