首页 > 解决方案 > $(window).on('load' 不起作用 - 我想在加载时向 html 添加一个按钮

问题描述

您好我正在尝试通过 jquery 添加一个开始按钮,以便在页面加载时出现。但是,该按钮未加载。

这是我的代码:

$(window).on('load', function() {
  const startPage = $("<button id='start'>Go</button>");
  $('main').append(startPage);
});
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Quiz</title>
  <link href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" rel="stylesheet" type="text/css" />
  <link href="app.css" rel="stylesheet" type="text/css" />
</head>

<body>
  <header>
    <h1>Objective London Quiz</h1>
  </header>
  <main class="questions"></main>
  <script src="https://code.jquery.com/jquery-3.4.1.slim.js" crossorigin="anonymous"></script>
  <script src="app.js"></script>
</body>

</html>

标签: javascriptjquery

解决方案


推荐阅读