通過JS獲取當前頁面URL網址信息

1.1 預期效果

在平時的報表開發中，我們通常會遇到要獲取當前打開報表頁面的URL網址相關信息，雖然目前 FineReport 内置的 系統參數 能滿足一定的需求，但有一些需求系統參數中沒有提供，如要獲取 URL 對應的"标簽名稱"。如下圖所示：

1.2 實現思路

可以通過 JavaScript 腳本來獲取 URL 網址相關信息。

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 效果如下圖所示：

已完成模板可參見：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\通過JS獲取當前頁面URL網址信息.cpt

點擊下載模板：通過JS獲取當前頁面URL網址信息.cpt