如何在浏览器中添加一个简单的脚本，使其始终在页面加载时运行？

要在浏览器中添加一个简单的脚本，使其始终在页面加载时运行，可以通过以下步骤实现：

console.log("Hello, World!");

接下来，有几种方法可以在页面加载时运行这个脚本：

方法一：使用<script>标签在HTML文件的<head>或<body>部分中添加以下代码：

<script src="script.js"></script>

这将在页面加载时自动执行"script.js"中的代码。

方法二：使用DOMContentLoaded事件在HTML文件的<head>或<body>部分中添加以下代码：

<script>
document.addEventListener("DOMContentLoaded", function() {
  // 在这里编写你的脚本代码
  console.log("Hello, World!");
});
</script>

这将在页面加载完成后执行脚本代码。

方法三：使用defer属性在HTML文件的<head>或<body>部分中添加以下代码：

<script src="script.js" defer></script>

这将使脚本在页面加载时异步加载，并在文档解析完成后执行。

方法四：使用async属性在HTML文件的<head>或<body>部分中添加以下代码：

<script src="script.js" async></script>

这将使脚本在页面加载时异步加载，并在加载完成后立即执行，不会阻塞页面的加载。

以上是在浏览器中添加一个简单脚本并使其在页面加载时运行的几种方法。根据具体需求和场景选择适合的方法。

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云