對在HTML代碼中沒有鏈接地址，它的地址是由前端js執行生成的地址，常見於文件下載，多分辨率圖片。

支持什麽樣的動态鏈接？

• 由標簽屬性值拼接成的鏈接地址

<h2>HTML代碼</h2> <a class=“downloadFile” href="javascript:;" data-fileid="文件名.zip">點擊下載</a>

• 當點擊 點擊下載 按鈕時，下載地址是由data-fileid="文件名.zip"的 文件名.zip 拼接的，比如拼接後的地址爲：http://www.demo.com/files/文件名.zip

如何配置

以上面的代碼舉例子

• 查詢標簽：.downloadFile
• 替換處理：不用填
• 標簽屬性：data-fileid
• 拼接前綴：htp://www.demo.com/files/
• 拼接後綴：不用填

替換處理

這類對img:srcset動态生成不同圖片大小

<h2>根據不同分辨率，js動态加載不同圖片大小，srcset裏是一個數組，包含支持的圖片大小</h2> <img class="image" data-path="/files/20220603/image-" data-imageWidth="[180,320,640,800]" /> 渲染後圖片地址可能爲 <img class="image" src="/files/20220603/image-180.jpg" /> <img class="image" src="/files/20220603/image-320.jpg" /> <img class="image" src="/files/20220603/image-640.jpg" /> <img class="image" src="/files/20220603/image-800.jpg" />

類似這類設置： 替換前：/image- 替換後：/image-180.jpg|/image-320.jpg|/image-640.jpg|/image-800.jpg

替換後參數多個地址使用‘ | 分隔

• 通過上述處理，得到4組圖片地址，分别爲

http://www.demo.com/files/20220603/image-180.jpg http://www.demo.com/files/20220603/image-320.jpg http://www.demo.com/files/20220603/image-640.jpg http://www.demo.com/files/20220603/image-800.jpg

局限性

• 目前不支持多參數拼接，目前僅支持一個參數拼接。
• 更複雜的參數處理問題。