Javascript 如何在带有的页面上显示加载GIF的页面？

在这种情况下，我有两个HTML页面，比如说两个 命名为index.html和list.html

index.html

list.html

所以我想要的是，当list.html中的链接调用页面时，目标帧将显示加载GIF，然后在加载完成时隐藏它

问题是我应该把什么代码放在那里？我应该把它放在哪里

请尽可能详细，因为我对HTML和它的东西非常陌生

---

谢谢大家的建议

最好的方法仍然是CSS或Jquery，因为框架集已经被弃用了

示例CSS，使用：hover修饰符（假设您有onhover触发器函数）：

.myloading_gif {
    display: none:
}

.myloading_gif:hover {
    display: block:
}

如果点击元素不能用CSS解决，那么你应该考虑jQuery：

$("#myHrefID").click(function() {
    $("#myLoadingIcon").toggle();
});

加载完成后，只需再次调用toggle

$("#myLoadingIcon").toggle();

---

实现这一点的方法有很多。我的例子应该只是一点帮助，因为我不是100%确定我理解了你的观点。

好的，我们想看看你在实现这一效果方面的努力。但最重要的是，框架集已经过时。你应该避开它们。想想JS在页面上添加和删除了一个。你再也看不到太多90年代的优秀框架了，这对你的老同学来说很好，但对你未来的用户来说是一个悲哀的日子。用AJAX代替框架。这是我现在能做的最好的了，对不起，我以前从来没有接触过HTML。我还没有读过一本关于现代网页设计的书。重复15年前设计师在没有更好的替代方案时犯下的错误不是一个很好的学习方式。嗨@steini，不管怎样，你能提供一个你的解决方案的演示JSFIDLE或plunkr吗，你认为对你有用吗？

$("#myHrefID").click(function() {
    $("#myLoadingIcon").toggle();
});

$("#myLoadingIcon").toggle();