1. 概述
借助外部途径较多，通过前端代码，并官方接口实现的的一些 JS 示例和方法，代码和浏览器关联较大，使用时请根据实际情况调整，特别注意兼容性问题。
2. 索引
| 目录 | 文档 | 应用场景 |
|---|---|---|
| 浏览器、设备相关 | JS实现根据不同设备显示不同内容 | 根据预览的设备不同，如移动端、PC 端，显示不同的报表内容。 |
| JS判断PC和移动设备类型 | 判断当前登录的环境是手机端还是电脑端，从而设置报表显示内容。 | |
| JS判断操作系统语言(浏览器) | 通过判定操作系统语言环境来自动跳转到指定的页面。 | |
| JS实现点击按钮实现全屏预览 | 点击按钮后报表全屏显示。 | |
| JS实现点击报表实现全屏效果 | 鼠标点击决策报表主体，报表全屏显示；再点击，恢复为原来的样子。适用于某些不配备键盘，大屏讲解的场景。 | |
| JS实现双击对话框标题栏最大化 | 如双击对话框标题栏，对话框实现最大化；最大化情况下，双击标题栏返回默认大小。 | |
| 通过JS获取当前页面URL网址信息 | 获取当前打开报表页面的URL网址相关信息。 | |
| JS实现键盘翻页效果 | 当我们报表有多页时，使用键盘的上下键、左右键或空格键实现对报表的操作，如上下键实现翻页。 | |
| 报表背景样式 | 对话框背景透明 | 为了使「对话框」与报表整体风格保持一致，对「对话框」样式做一些修改，如将弹出的「对话框」设置为透明样式，类似于HTML中的遮罩层的效果。 |
| JS实现打开对话框后弱化主报表背景 | 一些点击报表中超链或者按钮弹出小框的应用场景中，通过弱化主页面背景，聚焦小框内容，尤其是在一些深色背景且色彩较多的大屏应用中。 | |
| JS 实现动态选择报表背景色 | 报表开发中，为提升报表美观度，可以使用 JS 实现报表背景色的动态切换。 | |
| JS设置报表主体不可用 | 将报表主体或工具栏设置为不可用，即置灰且不能点击；或初始化设置为不可用，点击某个按钮恢复可用。 | |
| 浏览器标签警报提示 | JS实现报表标题动态滚动效果 | 有时报表页面显示内容较多时，为了能突出提示某些内容，可以设置浏览器标题栏动态滚动。 |
| JS实现决策报表中添加声音报警 | 在决策报表中，监控数据，当不数据不在监控范围内时，声音报警。 | |
| JS实现为报表页面添加提示声音 | 当某些关键指标值发生较大变化时，第一时间给予声音警报提醒。 | |
| JS实现自动报警声音 | 当填报人填报内容与实际不相符时，对填报内容发出警告，第一时间给予声音警报提醒。 | |
| 特殊效果 | JS实现文字动态轮播特效 | 在某些需要动态特效的场景下，可以使用文字动态轮播特效。 |
| 报表超链 | JS实现报表预览超时自动跳转 | 预览报表时，希望预览一段时间后退出当前预览页面，自动跳转到指定页面。 |
| JS实现普通报表自动轮播 | 实现多张报表自动轮播效果。 | |
| 方法类 | JS应用office函数公式formula.js库 | 加载 Formula.js 库，通过 JS 语句调用 Office 函数公式，在报表中使用Office 函数公式。 |
| 在JS中使用FR公式 | 说明如何在 JavaScript 代码中调用 FineReport 公式。 | |
| 在报表中调用自定义JS方法 | 当报表嵌入在某个页面 iframe 框架中时，如何在获取主页面里定义的方法、如何获取主页面另外的内嵌 iframe 中的报表。 |
上一篇：JavaScript实例
