历史版本1 :借用浏览器功能写JS语句 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

引言:编辑

帆软很多个性化功能的实现,都需要使用js来控制。

我们如何能零基础写js控制呢?

示例:编辑

借用论坛一个实例来讲解下如何用浏览器功能快速编辑js语句。

示例要求:

通过按钮的js脚本来触发弹出一个“对话框”方式的页面。

准备工作:
1、google浏览器、360浏览器或其它具有审查元素功能的浏览器。

2、帆软设计器。

思路:编辑

目前的已知条件是:

1、我们知道,帆软的超链接功能是提供“对话框”方式网页弹出方式的。

2、我们不知道,如何在按钮中,来实现“对话”框方式网页的弹出。

那么。我们开始进行如下操作!

第一步:

我们就用帆软设计器做一个"对话框”方式网页弹出方式的超级链接。

右键选择“超级链接”菜单
222

第二步:

添加个“网络报表”
222

第三步:

随意选择一个网络报表;并将“打开于”项目选择为“对话框”。保存,并预览
222


第四步:
预览结果展示
222

第五步:

按下浏览器的F12或是右键选择“审查元素”就可以看到网页各个元素的代码了。



222


第六步:

我们通过浏览器的标识一步一步的找到这个超链对应的代码。并复制

第七步:

得到如下代码

222
<span class="linkspan" style="cursor:pointer;" onclick="FR.doHyperlink(event||window.event, [{&quot;data&quot;:&quot;var as=arguments; return FR.tc(function(){FR.doHyperlinkByGet4Reportlet(\&quot;/RS?reportlet=%2Fkey.cpt\&quot;, {\&quot;__pi__\&quot;:true}, \&quot;_dialog\&quot;, \&quot;width=600,height=400,\&quot;)}, this, as)&quot;,&quot;name&quot;:&quot;网络报表1&quot;}], true)">测试用超级链接</span>

第八步:

我们对上述代码进行整理

将onclick动作需要执行的部分复制出来。

FR.doHyperlink(event||window.event, [{&quot;data&quot;:&quot;var as=arguments; return FR.tc(function(){FR.doHyperlinkByGet4Reportlet(\&quot;/RS?reportlet=%2Fkey.cpt\&quot;, {\&quot;__pi__\&quot;:true}, \&quot;_dialog\&quot;, \&quot;width=600,height=400,\&quot;)}, this, as)&quot;,&quot;name&quot;:&quot;网络报表1&quot;}], true)

第九步:

对浏览器代码进行转义

由于浏览器解析需要,会将  双引号   转义为    &quot;我们再替换回来。得到最终代码

FR.doHyperlink(event||window.event, [{"data":"var as=arguments; return FR.tc(function(){FR.doHyperlinkByGet4Reportlet(\"/RS?reportlet=%2Fkey.cpt\", {\"__pi__\":true}, \"_dialog\", \"width=600,height=400,\")}, this, as)","name":"网络报表1"}], true)

第十步:

把这个代码放到按钮控件中的js里半。就可以实现最终效果了。


222
按钮和超级链接都实现了同样的效果!