透過JS獲取當前頁面URL地址資訊

1.1 預期效果

在平時的報表開發中，我們通常會遇到要獲取當前開啟報表頁面的URL地址相關資訊，雖然目前 FineReport 內建 系統參數 能滿足一定的需求，但有一些需求系統參數中沒有提供，如要獲取 URL 對應的"標籤名稱"。如下圖所示：

1.2 實現思路

可以透過 JavaScript 腳本來獲取 URL 地址相關資訊。

2.1 準備範本

1）準備內建範本： %FR_HOME%\webapps\webroot\WEB-INF\reportlets\GettingStarted-tw.cpt 

點選可下載範本：GettingStarted-tw.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 行動端

HTML5 效果如下圖所示：

已完成範本可參見：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\透過JS獲取當前頁面URL地址資訊.cpt

點選下載範本：透過JS獲取當前頁面URL地址資訊 .cpt