问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

为什么javascript中onclick="showPic();return false"还是跳转了?

头像
奋斗中的小人
    211
    头像
    Lvye
      2k41119
      新手上路，请多包涵
      <!DOCTYPE html>
<html lang="en">
 <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
   <title>Image</title>
  
 </head>
 <body>
  
 <h1>Snapshots</h1>
 <ul> 
    <li><a href="images/1.jpg" onclick="showPic(this);return false;" title="Afire" target="_parent">1</li>
    <li><a href="images/2.jpg" onclick="showPic(this);return false;" title="A1">2</li>
    <li><a href="images/3.jpg" onclick="showPic(this);return false;" title="A2">3</li>
    <a href="http://www.baidu.com" onclick="return false;">Click me</a>
 </ul>
 <img id="photo" src="images/photo.jpg" alt="my image gallery"/><!--占位符-->
 <script type="text/javascript">
    function showPic(whichpic){
    var source=whichpic.getAttribute("href");
    var placeholder=document.getElementById("photo");//获取占位符
    photo.SetAttribute("src",source);
    }
   </script>
 </body>
</html>
      javascript
      阅读 4.5k
      1 个回答
      得票最新
      头像
      天道总司
        1101814

        1.<li>标签中的三个a标签没有闭合
        2.setAttribute你写错了，s你写成大写的了。

        把以上改正即不会跳转

        <!DOCTYPE html>
<html lang="en">
 <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>Image</title>
 </head>
 <body>
 <h1>Snapshots</h1>
 <ul> 
    <li><a href="images/1.jpg" onclick="showPic(this);return false;" title="Afire">1</a></li>
    <li><a href="images/2.jpg" onclick="showPic(this);return false;" title="A1">2</a></li>
    <li><a href="images/3.jpg" onclick="showPic(this);return false;" title="A2">3</a></li>
    <a href="http://www.baidu.com" onclick="return false;">Click me</a>
 </ul>
 <img id="photo" src="images/photo.jpg" alt="my image gallery"/><!--占位符-->
 <script type="text/javascript">
    function showPic(whichpic){
    var source=whichpic.getAttribute("href");
    var placeholder=document.getElementById("photo");//获取占位符
    photo.setAttribute("src",source);
    return false;
    }
   </script>
 </body>
</html>
        撰写回答
        你尚未登录，登录后可以
        • 和开发者交流问题的细节
        • 关注并接收问题和回答的更新提醒
        • 参与内容的编辑和改进，让解决方法与时俱进
        推荐问题