反馈已提交

网络繁忙

通过JS获取当前页面URL网址信息

  • 文档创建者:yiyemeiying
  • 编辑次数:8次
  • 最近更新:RosieY 于 2021-02-02
  • 1. 概述

    1.1 预期效果

    在平时的报表开发中,我们通常会遇到要获取当前打开报表页面的URL网址相关信息,虽然目前 FineReport 内置的 系统参数 能满足一定的需求,但有一些需求系统参数中没有提供,如要获取 URL 对应的"标签名称"。如下图所示:

    1.2 实现思路

    可以通过 JavaScript 脚本来获取 URL 网址相关信息。

    2. 示例

    2.1 准备模板

    1)准备内置模板: %FR_HOME%\webapps\webroot\WEB-INF\reportlets\GettingStarted.cpt 

    点击可下载模板:GettingStarted.cpt

    2.2 添加事件

    打开模板,给「查询」按钮添加一个「点击」事件,如下图所示:

    JavaScript 代码如下:

    //设置或获取整个 URL 为字符串
    var test1 = window.location.href;
    alert('URL地址:  '+test1);
    //window.location.protocol(设置或获取URL的协议部分)
    var test2 = window.location.protocol;
    alert('URL协议:  '+test2);
    //window.location.host(设置或获取URL的主机部分)
    var test3 = window.location.host;
    alert('URL主机:  '+test3);
    //window.location.port(设置或获取与URL端口号)
    var test4 = window.location.port;
    alert('URL关联端口:  '+test4);
    //window.location.pathname(设置或获取与URL的路径部分(文件地址))
    var test5 = window.location.pathname;
    alert('URL文件路径地址:  '+test5);
    //window.location.search(设置或获取URL属性中跟在问号后面的部分)
    var test6 = window.location.search;
    alert('URL问号后部分:  '+test6);
    //window.location.hash(设置或获取URL属性中在“#”后面的内容)
    var test7 = window.location.hash;
    //获取URL对应的"标签名称"
    var  test7  = document.title;
    alert('URL标签名称:  '+test7);

    2.3 效果预览

    2.3.1 PC 端

    保存模板后,点击「分页预览」,PC 端效果如下图所示:

    2.3.2 移动端

    App 及 HTML5 效果如下图所示:

    3. 模板下载

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\通过JS获取当前页面URL网址信息.cpt

    点击下载模板:通过JS获取当前页面URL网址信息.cpt

    附件列表


    主题: 二次开发
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    请前往「服务平台」,选择「在线支持」

    热线电话:400-811-8890转2

    在线QQ(将在2023.01.05关停):800049425

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭

    7*24h

    智 能客 服