html的iframe页面给帆软BI发送消息

xcagy

已于 2025-01-15 11:18:24 修改

阅读量362

点赞数 7

分类专栏：大数据文章标签： html 前端 javascript

于 2025-01-15 11:17:26 首次发布

本文为博主原创文章，未经博主允许可以转载。

本文链接：https://blog.youkuaiyun.com/ccagy/article/details/145156644

版权

大数据专栏收录该内容

29 篇文章

订阅专栏

需求：帆软的网页组件嵌套一个HTML页面，HTML页面要给帆软发消息。

解决方法是：fineReportWindow.duchamp.getWidgetByName("txt1").setValue('666');

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML Page for FineReport</title>
</head>
<body>
<button id="sendButton">发送消息</button>
<script>
// 获取按钮元素
var sendButton = document.getElementById('sendButton');

// 向帆软发送消息的函数
function sendMessageToFineReport(message) {
// 假设 parent 是帆软的窗口对象，这里需要根据实际情况修改
var fineReportWindow = parent;
// 使用 postMessage 发送消息
fineReportWindow.postMessage(message, {});
           fineReportWindow.XXX=1;
           console.log(fineReportWindow);

           fineReportWindow.duchamp.getWidgetByName("下拉框1_页面1").setValue('87897232');
           //window.postMessage(message, '*');
}

// 监听按钮点击事件
sendButton.addEventListener('click', function() {

sendMessageToFineReport('999');
});

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

注意不要跨域，html页面可以丢到帆软的安装目录下。这样就同一个域名了