漂浮失重宇宙 2021-09-02 08:41 采纳率: 33.3%
浏览 69
已结题

onclick="showPic(this);return false;"还是跳转到新窗口显示怎么办

img

onclick="showPic(this);return false;"还是跳转到新窗口显示怎么办

  • 写回答

4条回答 默认 最新

  • CSDN专家-showbo 2021-09-02 08:52
    关注

    脚本出错了，没执行return false阻止跳转。有2处错误
    1）参数是whichpic，代码里面你打成whichipic，多了个i，参数不要弄那么长，要不容易打错。
    2）id为placeholder这个img对象html中也不存在

    有帮助麻烦点个采纳【本回答右上角】，谢谢~~

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题？

  • JavaScript中给onclick绑定事件后return false遇到的问题
    2018-08-13 17:33
    花无情的博客 处理return false失效问题，如：  <p><a href="a.jpg" title="hao" onclick="showPic(this);return false;">点击</a</p>   &...
  • html的onclick事件跳转页面,JavaScript中给onclick绑定事件后return false无法阻止其跳转...
    2021-06-11 04:00
    小胖娃的博客 本题的意思是通过点击a链接更换img的占位符，但是在HTML里添加onclick事件并return false 依旧出现页面跳转情况，也根据晚上查了但是没查出任何问题，麻烦大神看下！下面是代码Image ...
  • js中return、return false 、return true各自代表什么含义
    2018-06-04 09:19
    weixin_30266829的博客 return语句代表需要返回一个值，...return false 或者 return true 通常用于判断一些结果。 return:　1.返回控制与函数结果 即return + 表达式 ，调用函数，并返回表达式的值 　2.返回控制，没有函数值 即ret...
  • JavaScriptDOM编程学习笔记（二）图片库案例
    2018-06-08 23:12
    weixin_30580341的博客 首先需求是将图片发布到网上，但是如果发布的图片比较多，那么页面就会变得过于庞大，那么当用户在访问网页的时候需要下载的数据量就非常可观了，而现实是，很少有用户会等待很长很长的时间去下载一个网页 ...
  • JavaScript实现同一个页面打开多张图片
    2020-10-20 18:05
    通过`getAttribute("href")`获取到图片的URL，然后找到ID为`placeholder`的`<img>`标签，通过`setAttribute("src", source)`将其`src`属性更改为新图片的URL，从而实现了在页面上显示新图片。 ```javascript ...
  • java点击图片跳转链接_[Java教程]关于Javascript图片跳转学习
    2021-03-15 01:53
    影歌小队长的博客 要求：点击某个链接时，在当前页面下方显示对应的图片，而不跳转到另一个窗口。原理：通过增加一个“占位符”图片的办法在当前主页上为图片预留一个浏览区域。点击某个链接时，拦截网页的默认行为。点击某个链接时，...
  • JavaScript DOM编程艺术 第六章 图片库改进 笔记
    2024-03-28 21:50
    名字填充中的博客 但是，代码里面还是假设了一定存在id为"placeholder"的元素和"description"元素，并未检测到是否存在。答案：JS被禁用，支持，点击时，通过href直接跳转到图片界面，通过浏览器回退可以进入每个界面。
  • JavaScript DOM编程艺术 第四章 案例研究 笔记
    2024-03-24 20:24
    名字填充中的博客 <li><a href="image/toWest/monkey.webp" title="Monkey" onclick="showPic(this)">Monkeya>li> 4.5.2 阻止默认行为 当用户点击某个链接时，默认行为是跳转到另一个页面。我们需要阻止这个默认行为，只显示图片。 ...
  • 《JavaScript DOM 编程艺术》读书笔记之JavaScript 图片库
    2020-12-01 18:16
    在这个例子中，`onclick`事件处理函数调用了`showPic`函数，并返回`false`，阻止了链接的默认行为（跳转至href指定的URL）。 `childNodes`属性是DOM中的一个重要概念，它返回一个包含元素所有子节点的NodeList。这...
  • Javascript实现单张图片浏览
    2020-12-04 00:58
    同时，`return false;`防止链接的默认行为（跳转）发生。另外，还有一张初始的占位符图片（`<img id="placeholder">`）和一个`<p>`标签（`id="description"`），它们将随着用户点击不同的链接而更新。 `<meta>`标签...
  • JavaScript图片库案例
    2022-06-26 21:17
    雪落星辰ow的博客 return false" title="JavaScript route">A route about learn JavaScripta> li> <li> <a href="../img/React-1653450970296.png" onclick="showPic(this);return false" title="React route">A route about learn ...
  • 前端页面优化
    2016-08-29 11:59
    小圣贤君的博客 前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么   1. 从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。 2. 从...
  • javascript 小函数 点击图片 在显示区域显示 不跳转
    2016-03-03 17:38
    刘小妞的博客 <title>Image Gallery <h1>Snapshots <li><a href="image/fireworks.jpg" onclick="showPic(this); return false;" title="a fireworks display">fireworks</a>/
  • onclick事件分析
    2014-02-26 09:54
    weixin_34092370的博客 showPic(this);"&gt;Fireworks&lt;/a&gt;  点击一个链接，调用一个函数，但由于这个链接的路径是图片，点击后是直接跳转到图片的页面的，怎样才能使得不会这样发生呢？  分析：...
  • 前端网页页面优化
    2017-02-24 10:57
    涂荼的博客 前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么 从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。 从服务商角度而言，...
  • 前端面试题（1）
    2015-10-02 11:06
    yuxiaoxia28的博客 web前端面试笔试题+优化   前端是庞大的，包括HTML、CSS、Javascript、Image、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么   1. 从用户角度...
  • 9、现代JavaScript案例研究：动态画廊
    2025-06-14 23:14
    ee345的博客 最初的静态画廊通常使用HTML表格或列表来组织缩略图，并通过链接跳转到单独的页面显示全尺寸图片。这种方式虽然简单，但在现代网页设计中显得不够灵活和美观。为了提升用户体验，开发者开始引入JavaScript和CSS来...
  • JavaScript图片库
    2020-02-25 19:11
    不试一下怎么知道我不行？的博客 本案例参照《JavaScript DOM编程艺术（第二版）》 ...目的：用javascript和dom建立一个图片库，点击图片无需跳转到新页面，可以直接在本页面查看，图片下显示对应的文字注解。 结果展示： 点击第二个超链接后： ...
  • 【项目】【抽奖系统】查询中奖记录
    2025-10-08 00:45
    鸽鸽程序猿的博客 } // showPic函数用于显示图片和奖品信息。 // 它将data.disc设置为disc元素的innerHTML，将data.image设置为image元素的src属性，然后显示图片并隐藏列表。 function showPic(data) { disc.innerHTML = data....
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 9月10日
  • 已采纳回答 9月2日
  • 创建了问题 9月2日