在链接点击屏幕上显示消息，直到重定向

Question

我有一个普通链接可以在其点击下载文档。下载发生需要一段时间。我想在请求完成和浏览器启动下载期间添加消息“请稍候......”。 可以这样做吗？

Answer 1

您可以这样做：

创建像<span id="statusmsg"></span>这样的元素 将onclick属性添加到<a href代码。

使用jQuery：

<a href="file_to_download.pdf" onClick="$('#statusmsg').text('Please wait..')">Download file</a>

没有jQuery

<a href="file_to_download.pdf" onClick="document.getElementById('statusmsg').innerHTML = 'Please wait..';">Download file</a>

请参阅操作：https://jsfiddle.net/C0dekid/1uoe50a3/

Answer 2

您可以使用以下内容：

$('a').click(function(){
   $(this).append("<div class=loadingDiv>loading...</div>");
});

想要使用fidle，但我仍然对这些东西不熟悉并且可以＆＃39;让它工作..