力合物业显示框

力合物业显示框是一个使用JavaScript实现的网页组件，用于在网页上展示相关信息。它可以通过修改height属性来调整显示框的高度，以及通过调用showAlert方法来弹出提示框。

使用方法

  1. 在HTML文件中引入力合物业显示框的相关脚本文件：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>力合物业显示框示例</title>
<script src="path/to/lyh_property_display.js"></script>
</head>
<body>
<div id="showiframe" style="width: 300px; height: 200px; border: 1px solid #ccc;"></div>
<button onclick="showAlert('确认', '这是一条提示信息')">点击弹出提示框</button>
</body>
</html>
  1. 在对应的JavaScript文件(如上例中的lyh_property_display.js)中编写相关代码：
window.addEventListener('message', function(event) {
if(event.data && event.data.height){
document.getElementById('showiframe').style.height = Number(event.data.height) + 'px';
let maxHeight=window.innerHeight*8/10 < Number(event.data.height)?window.innerHeight*8/10:Number(event.data.height);
document.getElementById('boxContent').style.maxHeight = maxHeight + 'px';
}
}, false);
  1. 根据需要自定义样式，例如：
#showiframe {
background-color: #f9f9f9;
}

#boxContent {
max-height: 400px; /* 根据实际情况调整 */
}

API说明

  • showAlert方法：弹出提示框，接收两个参数，分别为确认按钮的文本和提示信息的文本内容。