gpt4 book ai didi

使用按钮 onclick 调用 JavaScript 函数,onload 失败

转载 作者:行者123 更新时间:2023-12-03 09:51:49 25 4
gpt4 key购买 nike

我正在尝试在 body 标记中使用外部 JavaScript 函数:<body onload=function()>

<!DOCTYPE html>
<html>
<meta charset="UTF-8">

<head>
<script type="text/javascript" src="js/mqttws31.js"></script>

<script type="text/javascript" src="js/Long.min.js"></script>
<script type="text/javascript" src="js/ByteBufferAB.min.js"></script>
<script type="text/javascript" src="js/ProtoBuf.min.js"></script>
<script type="text/javascript" src="js/fs.js"></script>
<script type="text/javascript" src="js/bundle.js"></script>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="cordova_plugins.js"></script>

</head>
<body onload ="heartbeat()">

<h2>A demo for showing the pub/sub between clients and the message broker</h2> <h3>IoTGateway</h3>
Topic :
<input type="text" name="pub"/>
Message:
<input type="text" name="pub"/>
<button onclick="connect()">
Connect
</button>
<br>
<button onclick="publish()">
Publish
</button>
<br>

<h3>BluetoothID</h3> Topic:
<input type="text" name="sub"/>
<button onclick="heartbeat()">
Subscribe
</button>
<br>
<p id = "test"></p>
<p id="sub"></p>
<script>
function heartbeat() {
alert("hello");
try{
MqttPlugin.subscribe({topic: "$EDC/plugin"});
}
catch(err){
alert(err.message);
}
}
/* try{
MqttPlugin.heartbeat({topic: "$EDC/tum/B8:27:EB:A6:A9:8A/HEARTBEAT-V1/mqtt/heartbeat"});
}
catch(err){
alert(err.message);
}*/



function publish() {

MqttPlugin.publish({
topic:"$EDC/plugin",
data:"Mqtt data"

});
}

function subscribe() {
MqttPlugin.subscribe({topic: "$EDC/plugin"});
}



</script>
</body>
</html>

函数heartbeat当我调用事件 onclick 时被调用但失败并显示 onload 。如果是onload ,它会抛出错误 MqttPlugin not Defined。是不是因为调用函数的时候js文件还没有加载?有人可以帮我解决这个问题吗?

最佳答案

我相信您的基本目标是在页面加载时自动订阅主题。您可以尝试:

</script>
<style onload="heartbeat()"></style>
</body>

或者尝试更改导入顺序。

第一个建议只是一个 hack,而不是一个完整的解决方案。

基本问题是在加载 cordova_plugins.js 之前调用 heartbeat 函数。因此,延迟函数调用或提前加载文件都可以解决问题。

已编辑:

这个 jQuery 方法可能就是解决方案:

$( window ).load()

请查找文档 here .

关于使用按钮 onclick 调用 JavaScript 函数,onload 失败,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30867965/

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