gpt4 book ai didi

javascript - 如何在定义 元素后立即运行 JavaScript 代码?

转载 作者:行者123 更新时间:2023-11-30 11:08:19 24 4
gpt4 key购买 nike

这是我的代码:

<!DOCTYPE html>
<html>
<head>
<title>Foo</title>
</head>
<body>

<script>
console.log('test')
</script>

<p>
Foo
</p>

</body>
</html>

我想从 <body> 移动这段代码中的 JavaScript进入<head> .这是我的错误尝试:

<!DOCTYPE html>
<html>
<head>
<title>Foo</title>
<script>
window.onload = function () {
console.log('test')
}
</script>
</head>
<body>

<p>
Foo
</p>

</body>
</html>

这当然不是我想要的。它仅在整个页面加载后才运行 JavaScript。但我希望 JavaScript 尽快运行 <body>被定义为。这可以用 JavaScript 完成吗?

最佳答案

将您的日志命令插入到 <head> 处定义的 Javascript 函数中 部分你的Html 并且在 开启后马上调用这个函数<body>

您的最终代码将如下所示:

<!DOCTYPE html>
<html>
<head>

<script>
function myFunction(){
console.log('test');
}
</script>

<title>Foo</title>
</head>

<body>

<script>
myFunction();
</script>

<p>
Foo
</p>

</body>
</html>

值得一提的是,onload 事件属性也确实存在于另一个 html 标签中,并且只有在这些情况下它才会在定义后立即执行,这意味着:立即。

<body> 标记发生了一些奇异的事情:onload 仅在两个条件后运行:

1) </body> 的明确定义;

2) 完成所有附件和可能的外部例程和资源的加载,即:加载所有html、css、jpg、gif、svg等。

因此,onload 实现了它的 promise :当且仅在页面 100% 加载后运行。

关于javascript - 如何在定义 <body> 元素后立即运行 JavaScript 代码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54792991/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com