gpt4 book ai didi

javascript - 引用错误 : function is not defined at HTMLButtonElement. onclick

转载 作者:塔克拉玛干 更新时间:2023-11-02 21:38:16 26 4
gpt4 key购买 nike

我正在使用 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>

最佳答案

发生此错误是因为您的 <script src="./app.js"></script>使用错误的路径,或者您的 ./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 添加为单独的代码段。因此,修复它的简单关键是使用正确的路径。

关于javascript - 引用错误 : function is not defined at HTMLButtonElement. onclick,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56071022/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com