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

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