我有一个基于 corecommerce 系统的新网站,该系统对 HTML 和 PHP 没有太多访问权限。我唯一可以使用的是 JavaScript。他们的系统目前的页面加载速度不是很好,所以我希望至少客户在等待 5-8 秒页面加载时知道发生了一些事情。所以我找到了一些代码并将它们放在一起以在页面加载时显示覆盖加载 GIF。目前,如果您单击页面上的任意位置,它就会运行,但我希望它仅在单击网站上的链接(a href)(任何链接)时运行。
我知道你可以编写一个在页面加载时运行的代码,但这还不够好,因为它执行得太晚了(几秒钟后)
无论如何,这是我的网站 www.cosmeticsbynature.com,这是我使用的代码。任何帮助都会很棒。
<div id="loading"><img src="doen'tallowmetopostanimage" border=0></div>
<script type="text/javascript">
var ld=(document.all);
var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;
if (ns4)
ld=document.loading;
else if (ns6)
ld=document.getElementById("loading").style;
else if (ie4)
ld=document.all.loading.style;
jQuery(document).click(function()
{
if(ns4){ld.visibility="show";}
else if (ns6||ie4)
var pb = document.getElementById("loading");
pb.innerHTML = '<img src="http://www.cosmeticsbynature.com/00222-1/design/image/loading.gif" border=0>';
ld.display="block";
});
</script>
如果您的页面中包含 jQuery,那么这样做会更容易。完成后,您可以执行以下操作:
$('a').click(function() {
// .. your code here ..
return true; // return true so that the browser will navigate to the clicked a's href
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)