-
酒醉思红颜丨2020-01-05 10:10
- 46
- 0
最近在学习Javascript编程的艺术，其中有一章节说的是图片库的问题，实现点击链接，在网页不跳转的情况下，更换下方的图片的效果。
现在有一个问题，当我点击按钮，网页会跳转，我也在匿名函数里写了点击返回false的，为什么还会跳转呢？求助，求助，谢谢！
以下是代码：
<!DOCTYPE html>
<html>
<head>
<title>Snapshots</title>
<meta charset="utf-8">
</head>
<body>
<h1>Snapshots</h1>
<ul id="imageGallery">
<li><a href="images/1.png" title="A red house">Red house</a></li>
<li><a href="images/2.png" title="A blue house">blue house</a></li>
<li><a href="images/3.png" title="A white house">white house</a></li>
<li><a href="images/4.png" title="A brown house">brown house</a></li>
<img id="placeholder" src="images/placeholder.png" alt="占位符">
<p id="description">choose an image.</p>
</ul>
<script>
function prepareGallery() {
if (!document.getElementsByTagName) {return false;}
if (!document.getElementById) {return false;}
if (!document.getElementById("imageGallery")) {return false;}
var gallery = document.getElementById("imageGallery");
var links = gallery.getElementsByTagName("a");
for (var i=0; i<links.length; i++){
links[i].onclick = function(){
showPic(this);
return false; //屏蔽游览器跳转的行为
}
}
}
function showPic(whichpic){
if (!document.getElementById("placeholder")) {return false;}
var source = whichpic.getAttribute("href");
var placeholder = document.getElementById("placeholder");
placeholder.setAttribute("src",source);
if (document.getElementById("description")){
var get_title = whichpic.getAttribute("title");
var description = document.getElementById("description");
description.firstChild.nodeValue = get_title;
}
return true;
}
</script></body>
</html>
0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
じ☆糊涂的 普通会员 1楼
在JavaScript中，我们可以使用一些现有的图片库，如HTML5的FileReader API，或者第三方库如ImageMagick。这些库都可以方便地处理图片文件。
然而，如果我们需要自定义或者扩展这些库，那么就需要对代码进行一些修改。例如，如果我们需要使用更高级的功能，比如图片处理或者保存图片，那么就需要对FileReader API进行修改。
在使用这些库时，我们也需要注意一些问题，比如文件读取和处理的错误处理，以及代码的可读性和可维护性。
对于这些问题，我们可以通过查阅文档，阅读其他人写的代码，或者参加一些编程社区来解决。同时，我们也可以通过实践和反思来提高我们的编程技能。
更多回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部