單擊空白鏈接時是否防止頁面重新加載？

Question

我有一個使用按鈕下載文件的網頁。但是在某些情況下文件不會退出並且下載鏈接為空白...因此，只要用戶單擊鏈接頁面就可以重新加載。如果我能以某種方式禁用它會很棒該頁面會重新加載並顯示一條警告，指出文件尚不可用。

這是下載鏈接按鈕的代碼。row[“ slink”]提供下載鏈接，有時可能會變空。

'<a href="'+row["slink"]+'"><button type="button" class="btn btn-info " data-row-id="' + row.id + '">Download</buttn></a> ';

Answer 1

檢查是否存在row['slink'] ，否則將href替換為javascript：alert（...） （這不會為空白的href重新加載頁面，並顯示警報）：

var href = row["slink"].trim().length > 0 ? row["slink"] : "javascript:alert('File Not Yet Available')"


'<a href="'+href+'"><button type="button" class="btn btn-info " data-row-id="' + row.id + '">Download</buttn></a> ';

Answer 2

簡單的解決方案

您可以將目標設置為空白：

<a ... ... target="_blank" > ... </a>

這將在新選項卡中打開它，而不刷新。

更復雜的方法：

您還可以使用條件構建錨標記。

if (row["slink"] == "")
{
    var atag = '<a href="javascript:void(0)" onclick="alert(&quot;No File Available&quot;)"><button type="button" class="btn btn-info " data-row-id="' + row.id + '">Download</button></a> ';
}

如果沒有文件，這將發出警報。