单击空白链接时是否防止页面重新加载？

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> ';
}

如果没有文件，这将发出警报。