在HTML里使用js求整数1~100的累加值,但是跳过个位数为3的数<script>写在<body>外面
时间: 2024-04-12 16:31:40 浏览: 17
当将 `<script>` 标签放在 `<body>` 标签外部时,可以使用 `window.onload` 事件来确保页面加载完毕后再执行 JavaScript 代码。以下是将 `<script>` 标签放在 `<body>` 外部的示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>整数累加示例</title>
</head>
<body>
<!-- 页面内容 -->
<script>
// 使用window.onload事件确保页面加载完毕后再执行JavaScript代码
window.onload = function() {
function sumNumbers() {
var sum = 0;
for (var i = 1; i <= 100; i++) {
// 跳过个位数为3的数字
if (i % 10 === 3) {
continue;
}
sum += i;
}
return sum;
}
// 示例用法
var result = sumNumbers();
console.log(result); // 输出: 4857
};
</script>
</body>
</html>
```
在这个示例中,我们将 `<script>` 标签放在了 `<body>` 标签外部,并使用 `window.onload` 事件来确保页面加载完毕后再执行 JavaScript 代码。这样可以确保脚本执行时,页面的 DOM 元素已经加载完毕,避免出现未定义的错误。在 `window.onload` 事件处理函数中,我们定义了 `sumNumbers` 函数来求解整数 1~100 的累加值,并将结果输出到浏览器的开发者工具控制台中(通过 `console.log`)。你可以在浏览器中打开这个 HTML 文件,然后查看开发者工具控制台输出的结果。