JS嵌入echarts弹窗

最新推荐文章于 2024-08-15 14:01:38 发布

小菜鸡一号

最新推荐文章于 2024-08-15 14:01:38 发布

阅读量522

点赞数

文章标签： javascript echarts 开发语言

本文链接：https://blog.csdn.net/qq_38319401/article/details/128094074

版权

这篇博客探讨了如何在前端开发中利用JavaScript和ECharts库创建弹窗。内容包括前端知识的应用，详细讲解了弹窗的样式设置以及如何根据不同的ID动态展示不同的弹窗内容，强调了后端数据在前端的处理和逻辑判断的重要性。

摘要由CSDN通过智能技术生成

1、前端知识

涉及后端数据传入前端{ { data|tojson}}；
前端判断处理变量；
设置弹窗

2、弹窗

1、js部分
<script type="text/javascript">
			document.getElementById('zhezhao').style.display="none";
			function dianwo(){
   
				document.getElementById('zhezhao').style.display="";
			}
			function hidder(){
   
				document.getElementById('zhezhao').style.display="none";
			}

</script>

2、弹窗
 <button type="button" onclick="dianwo()">详情</button>
3、弹窗内容    
     <div class="zhezhao"