图片链接被点击时,默认会被带到图片查看窗口。

在给某个元素添加了事件处理函数后,一旦事件发生,相应的JavaScript代码就会得到执行。被调用的javascript函数可以返回一个值,这个值将被传递给那个事件处理函数。

以onclick为例,链接被点击时,

如果javascript代码返回的值是true,onclick事件处理函数就认为“这个链接被点击了。”
如果javascript代码返回的值是false,onclick事件处理函数就认为“这个链接没有被点击”。

代码示例:

<li><a href="images/0903.jpg_wh300.jpg" title="a pink pig" οnclick="showPic(this); ">小猪</a></li><li><a href="images/8046.jpg_wh300.jpg" title="a piece of pork" οnclick="showPic(this); ">猪肉</a></li><li><a href="images/8503.jpg_wh300.jpg" title="a ship in lamp" οnclick="showPic(this) ;">小船</a></li><li><a href="images/9840.jpg_wh300.jpg" title="flowers" οnclick="showPic(this); ">花朵</a></li><li><a href="http://www.cnblogs.com/" title="flowers" οnclick="return false;" >我是小可爱</a></li></ul><img id="placeholder" src="data:images/9840.jpg_wh300.jpg" alt="花朵占位符" ><p id="description">choose a picture</p>

效果图展示:

点击”小猪“后效果如下图

代码示例:加上"return false"

<ul><li><a href="images/0903.jpg_wh300.jpg" title="a pink pig" οnclick="showPic(this); return false;">小猪</a></li><li><a href="images/8046.jpg_wh300.jpg" title="a piece of pork" οnclick="showPic(this); return false;">猪肉</a></li><li><a href="images/8503.jpg_wh300.jpg" title="a ship in lamp" οnclick="showPic(this) ;return false;">小船</a></li><li><a href="images/9840.jpg_wh300.jpg" title="flowers" οnclick="showPic(this); return false;">花朵</a></li><li><a href="http://www.cnblogs.com/" title="flowers" οnclick="return false;" >我是小可爱</a></li></ul><img id="placeholder" src="data:images/9840.jpg_wh300.jpg" alt="花朵占位符" ><p id="description">choose a picture</p>
点击“小猪”,效果图如下:

在javascript代码中增加一条return false 语句,就可以防止用户被带到目标链接窗口。

转载于:https://www.cnblogs.com/Wei-Yuan/p/Wei_Yuan.html

链接被点击的默认行为——带到另一个窗口相关推荐

  1. 如何修改帝国cms文章点击量默认值和成倍增加

    我们在帝国cms发布完文章,在不点击的情况下,"点击量"默认显示为0,请问有什么方法,修改关注默认值吗?这个可以在增加信息时,"特殊属性"标签里修改点击量,如下 ...

  2. 【杂记】(input获取焦点失去焦点、获取input中输入的值、 键盘事件、js事件、Math 属性、手机自适应meta定义、 去掉input内置阴影、图片居中、去蓝色默认背景、点击去掉默认边框)

    1. input获取焦点失去焦点 input:focus{border:1px red solid:} 获取焦点 .focus()失去焦点.blur() 2. 获取input中输入的值 <inp ...

  3. 软件测试面试题:在一个页面上,点击一个链接之后不会在当前页面上打开此链接而是新开一个窗口打开此页面。

    在一个页面上,点击一个链接之后不会在当前页面上打开此链接而是新开一个窗口打开此页面. Selenium也提供了对应的API来处理.简述这个查找新窗口的过程.参考答案:1)首先需要了解下,每个窗口都是有 ...

  4. 微信跳转手机默认浏览器打开指定HTML链接 微信点击链接直接下载安装包实现方式及源码

    需求:微信跳转手机默认浏览器打开指定HTML链接 微信点击链接直接下载安装包 原因:在微信内不允许直接下载apk 这里有一个解决方案,直接上关键代码 <!doctype html> < ...

  5. xp系统打不开excel服务器,xp系统下excel表格链接无法点击的解决方法

    在使用excel表格过程中,发现表格中的很多网址链接都无法点击打开.那么,我们该如何将其改成可点击的网址链接,方便快捷的打开网址?接下来,小编就以windowsxp系统为例,给大家分享excel表格链 ...

  6. 任务栏多窗口点击应用默认上一次使用的窗口

    @[TOC]任务栏多窗口点击应用默认上一次使用的窗口 备注 windows 底部的任务栏,如果一个应用开启了多个窗口,鼠标需要点击小窗口才能进入, 如果只想点击应用就进入(上一次使用的窗口)则需要修改 ...

  7. Visual studio C++ MFC之点击按钮(菜单栏)生成新窗口

    背景 当前做的APP有菜单栏,菜单栏有一项需要对下位机相关参数进行设置,则必须弹出一个窗口来实现设置操作.本篇即对点击菜单栏生成新的窗口,在新的窗口内完成相应计划后结束新窗口并返回原窗口的方法进行简述 ...

  8. 点击图片弹出固定或自适应窗口

    <a   href="fullsize.jpg"   target="_blank"><img   src="small.jpg&q ...

  9. python自动切换链接_python+selenium自动化(四)之selenium切换窗口

    当我们点击某个链接时,切换换到另一个窗口,这时就需要跟随切换到新打开的页面,去定位元素. 1.获取当前页面句柄  current_window_handle importtimefrom seleni ...

最新文章

  1. Hadoop命令查看可以访问的queue
  2. oauth2.0 php简化模式,OAuth2.0学习(1-5)授权方式2-简化模式(implicit grant type)
  3. gazebo 直接获取传感器数据_5个使传感器更简单的技巧
  4. [Unity] 在 3DsMax 中将骨骼调整为适应 Unity 的 Humanoid 的结构的记录
  5. 设置,获取和删除Cookies
  6. Ubuntu 下为 Idea 创建启动图标.
  7. 在Colaboratory中使用ImageAI训练自己的数据集
  8. 小程序 WeUI导入时导入失败,出现Component is not found in path 的错误
  9. Python股市数据分析教程——学会它,或可以实现半“智能”炒股 (Part 2)
  10. wps怎么下载仿宋gb2312_仿宋gb2312字体
  11. linux 终端窗口最大化,如何设置终端打开最大化
  12. 端到端的网络流量监控
  13. 【Unity/C#】游戏出现区域性崩溃,深藏的国际化巨坑
  14. 微信向支付宝转账或将成为可能
  15. 爱情降临的时刻你在等待着
  16. Python列表去重的六种方法
  17. HTML制作简单交互网页
  18. 面试复试重点 算法与数据结构
  19. 笔记:3.5 《数据库系统概论》之基本表更新(INSERT、UPDATE、ALTER、DELETE)与视图VIEW(定义、查询、更新)
  20. 如何系统性学习IT技术

热门文章

  1. MATLAB中函数模式和命令模式的区别
  2. java native
  3. asp.net core系列 53 IdentityServer4 (IS4)介绍
  4. 一张图看Windows Store有多混乱 微软现在开始整治
  5. Could not find com.afollestad:material-dialogs:0.7.3.1解决
  6. Android开发:第五日番外——过时的函数和被横杠的函数
  7. 分享一套超棒的iOS “空状态” (empty state) 界面UI设计
  8. WCF(Sender) to MSMQ to WCF(Receiver)
  9. lzg_ad:使用Virtual PC 部署和测试XP Embedded 发布镜像
  10. 使用粘性布局实现tab滑动后置顶