时间戳

首页 > 解决方案 > 将脚本添加到加载主体后运行的头部

javascript - 将脚本添加到加载主体后运行的头部

问题描述

如何添加仅在myFunction()加载后运行。我想把它放在里面的原因是因为这样我可以把它放在一个文件中而不是多个文件中。headbodyhead

目前我有<body onload="myFunction()"></body>完美的作品。但这需要添加到多个文件中。

例子

<head>
  <style>
    .codetext {
      font-family: monospace;
    }
  </style>

  <script>
    myFunction = function () {
      let links = document.querySelectorAll("a");
      links.forEach(elem => elem.classList.add("codetext"));
    }
	document.body.onload("myFunction"); <!--Doesn't Work-->
  </script>
</head>

<body>
  <a href="">Click Here</a>
</body>

标签： javascripthtml

解决方案

您可以使用全局load事件

<script>
  onload = _ => 
    document.querySelectorAll("a").forEach(elem => elem.classList.add("codetext"))
</script>

推荐阅读