问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

页面加载时如何运行函数？

社区维基
1
新手上路，请多包涵

我想在页面加载时运行一个函数，但我不想在 <body> 标记中使用它。

如果我在 <body> 中初始化它，我有一个运行的脚本，如下所示：

function codeAddress() {
  // code
}


<body onLoad="codeAddress()">

但是我想在没有 <body onload="codeAddress()"> 的情况下运行它，并且我尝试了很多东西，例如：

window.onload = codeAddress;

但它不起作用。

那么当页面加载时如何运行它呢？

原文由 Claes Gustavsson 发布，翻译遵循 CC BY-SA 4.0 许可协议

Stack Overflow 翻译javascripthtmlonload
阅读 756
2 个回答
得票最新
社区维基
1
✓ 已被采纳

window.onload = codeAddress; 应该可以工作 - 这是一个演示，以及完整的代码：

 <!DOCTYPE html>
 <html>
 <head>
 <title>Test</title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <script type="text/javascript">
 function codeAddress() {
 alert('ok');
 }
 window.onload = codeAddress;
 </script>
 </head>
 <body>

 </body>
 </html>

 <!DOCTYPE html>
 <html>
 <head>
 <title>Test</title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <script type="text/javascript">
 function codeAddress() {
 alert('ok');
 }

 </script>
 </head>
 <body onload="codeAddress();">

 </body>
 </html>

原文由 Darin Dimitrov 发布，翻译遵循 CC BY-SA 3.0 许可协议

社区维基
1

自 jQuery 发布以来，原生 JavaScript 并没有使用 jQuery 或 window.onload，而是采用了一些很棒的功能。所有现代浏览器现在都有自己的 DOM 就绪功能，无需使用 jQuery 库。

如果您使用本机 Javascript，我会推荐这个。

 document.addEventListener('DOMContentLoaded', function() {
    alert("Ready!");
}, false);

原文由 Spencer May 发布，翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录，登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进，让解决方法与时俱进
推荐问题