Question

我正在使用https://github.com/bpmn-io/bpmn-js-example-custom-shapes。我想在javascript（index.html）中添加两个按钮单击函数，并在app.js中添加函数定义。结果给出一个错误“函数未在HTMLButtonElement.onclick上定义”。

<!-- javascript(app.js) -->

function load() {
    console.log('load clicked');
}
function save() {
    console.log('saved');
}

<!-- HTML(index.html) -->

<body>
    <button onclick="load();">Load</button>
    <button onclick="save();">Save</button>
  <div id="canvas"></div>
  <script src="./app.js"></script>

  <script>
  </script>
</body>

Answer 1

发生此错误，是因为您的<script src="./app.js"></script>使用WRONG路径，或者您的./app.js没有显示的代码。这是工作片段：

/* JS file that you included in HTML MUST contain it */

function load() {
    console.log('load clicked');
}
function save() {
    console.log('saved');
}

<body>
    <button onclick="load();">Load</button>
    <button onclick="save();">Save</button>
  <div id="canvas"></div>
  
  <!-- Replace this with correct path to your app.js file -->
  <script src="./app.js"></script>

  <script>
  </script>
</body>

您的代码段无效，因为您将JS和HTML添加为单独的代码段。因此，简单地解决它的关键是使用正确的路径。

ReferenceError：函数未在HTMLButtonElement.onclick上定义

1 个答案: