首页<script>写在<body>外面

<script>写在<body>外面

时间: 2023-08-17 22:53:49 浏览: 105

当你将 `<script>` 标签放在 `<body>` 标签外部时，你需要确保在脚本执行之前，页面的 DOM 元素已经加载完毕。你可以使用 `DOMContentLoaded` 事件来确保页面加载完毕后再执行 JavaScript 代码。以下是将 `<script>` 标签放在 `<body>` 外部的示例： ```html <!DOCTYPE html> <html> <head> <title>数组去重示例</title> <script> // 使用DOMContentLoaded事件确保页面加载完毕后再执行JavaScript代码 document.addEventListener("DOMContentLoaded", function() { // 在这里编写你的JavaScript代码 function removeDuplicates(arr) { var obj = {}; var newArr = []; for (var i = 0; i < arr.length; i++) { obj[arr[i]] = true; } for (var key in obj) { newArr.push(key); } return newArr; } // 示例用法 var arr = [1, 2, 3, 3, 4, 4, 5]; var result = removeDuplicates(arr); console.log(result); // 输出: [1, 2, 3, 4, 5] }); </script> </head> <body>  </body> </html> ``` 在这个示例中，我们将 `<script>` 标签放在了 `<head>` 标签内，并使用 `DOMContentLoaded` 事件来确保页面加载完毕后再执行 JavaScript 代码。这样可以确保脚本执行时，页面的 DOM 元素已经加载完毕，避免出现未定义的错误。

阅读全文