按一下按钮调用JavaScript函数，在onload中失败
按一下按钮调用JavaScript函数，在onload中失败
提问于 2015-06-16 12:45:27
我试图在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>当我用事件onclick调用时，函数onclick会被调用，但是onload会失败。对于onload，它抛出一个未定义的错误MqttPlugin。是因为当它调用函数时，js文件没有加载吗？有人能帮我解决这个问题吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-06-16 13:51:21
我相信您在这里的基本目的是在页面加载时自动订阅某个主题。你可以尝试：
</script>
<style onload="heartbeat()"></style>
</body>或者尝试更改进口顺序。
第一个建议只是一个黑客，而不是一个完整的证明解决方案。
基本问题是在加载cordova_plugins.js之前调用心跳函数。因此，要么延迟函数调用，要么提前加载文件，这将起到作用。
编辑：
这个jQuery方法可能只是解决方案：
$( window ).load()请查找文档这里。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30867965
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号