1. 在学习《javascript基础教程》第八版时，有一个小细节开始不是很明白，查了一些资料后，理了一下思路。
  2.  
  3. 例子的html代码：
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>Rotating Banner with Links</title>
  5.     <script src="script08.js"></script>
  6.     <link rel="stylesheet" href="script01.css">
  7. </head>
  8. <body>
  9.     <div class="centered">
  10.         <a href="linkPage"><img src="data:images/banner1.gif" id="adBanner" alt="ad banner"></a>
  11.     </div>
  12. </body>
  13. </html>

例子的js代码：

  1. window.onload = initBannerLink;
  2.  
  3. var thisAd = 0;
  4.  
  5. function initBannerLink() {
  6.     if (document.getElementById("adBanner").parentNode.tagName == "A") {
  7.         document.getElementById("adBanner").parentNode.onclick = newLocation;
  8.     }
  9.  
  10.     rotate();
  11. }
  12.  
  13. function newLocation() {
  14.     var adURL = new Array("negrino.com","sun.com","microsoft.com");
  15.     document.location.href = "http://www." + adURL[thisAd];
  16.     return false;
  17. }
  18.  
  19. function rotate() {
  20.     var adImages = new Array("images/banner1.gif","images/banner2.gif","images/banner3.gif");
  21.  
  22.     thisAd++;
  23.     if (thisAd == adImages.length) {
  24.         thisAd = 0;
  25.     }
  26.     document.getElementById("adBanner").src = adImages[thisAd];
  27.  
  28.     setTimeout(rotate, 3 * 1000);
  29. }

a本身会触发一个链接，a的onclick会触发一个链接，onclick事件执行后会触发a本身的链接，为了阻止a本身链接的触发，需要对onclick事件的函数返回false。

return true：返回正常的处理结果。

return false：返回错误的处理结果;终止处理;阻止提交表单;阻止执行默认的行为。

return：把控制权返回给页面。

若将html代码中的

  1.  <a href="linkPage"><img src="data:images/banner1.gif" id="adBanner" alt="ad banner"></a>
    改为：
  1.  <a href="#"><img src="data:images/banner1.gif" id="adBanner" alt="ad banner"></a>
    此时去掉js代码中的return false，也可以实现同样的效果。

a链接的onclick与js中的return false的更多相关文章

  1. js中的 return false;

    总的来说return false 的作用就是阻止事件的默认行为 1. function check() { if(form.title.value=="") { alert(&qu ...

  2. [转！]jQuey中的return false作用是什么

    jQuey中的return false作用是什么: 在众多的语句中都有return false的使用,当然对于熟悉它的开发者来说,当然是知根知底,知道此语句的作用,当然也就知道在什么时候使用此语句,不 ...

  3. jQuey中的return false作用是什么？

    jQuey中的return false作用是什么?在众多的语句中都有return false的使用,当然对于熟悉它的开发者来说,当然是知根知底,知道此语句的作用,当然也就知道在什么时候使用此语句,不过 ...

  4. jquery 中的 return false 不起作用

    jquery  中的 return false 不起作用 $(".lcId").each(function(e) { if ($(this).attr("checked& ...

  5. javascript中的 return false和return true

    关于javascript中的 return false和return true,return 是javascript里函数返回值的关键字,一个函数内处理的结果可以使用return 返回,这样在调用函数 ...

  6. JavaScript 回调函数中的 return false 问题

    今天一个同事问了我一个问题,就是在 Ajax 方法中,请求成功后(success)的回调函数中根据响应的值来判断程序是否继续执行,他不解的是在回调函数中已经 return false 了,但是 Aja ...

  7. js中的return，return true，return false小结

    return  函数执行到这句时会终结,并返回调用函数,而且把表达式的值作为函数的结果返回 return false 可以防止默认的事件行为.例如,默认情况下点击一个<a>元素,页面会跳转 ...

  8. js中的true,false盲点

    上一篇博客提到了一个js的小问题,我当时的解释不太清晰,后面请教胡大大才弄明白js中的处理. js里面检查true和false的过程是这样的: 所以'0'在逻辑判断里面,是被当做true. if('0 ...

  9. jQuery中的 return false, e.preventDefault(), e.stopPropagation()的区别

    e.stopPropagation()阻止事件冒泡 <html><head>     <title></title>     <script sr ...

随机推荐

  1. SONObjetc和String Map Bean互转，JSONArray和String List互转

    import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map; i ...

  2. CoAP、MQTT、RESTful协议区别

    /********************************************************************** * CoAP.MQTT.RESTful协议区别 * 说明 ...

  3. mod_conference ESL控制三（程序）

    第一篇描述了mod_conference控制原理,第二篇描述了conference相关事件,接下来对esl内联程序做简要说明. 由于event-socket采用TCP协议,因此需要一个线程与frees ...

  4. Python导入jar包

    一.环境准备 1.Python 3.6 64位+jre 64位+win64位(jre和Python位数一致) 2.安装jpype,安装的时候输入 pip install jpype1 2.1安装提示e ...

  5. 怎样使用PL/SQL在不安装oracle 客户端的情况下使用oracle数据库

    在网上查了好多这方面的例子,但是似乎说的都不准确,在咨询朋友后终于实现了本机不安装oracle 的情况下,在windows系统上实现连接服务器上的数据库,现在贴出来与大家共享. 首先,我们需要一个PL ...

  6. NumPy-快速处理数据--ndarray对象--数组的创建和存取

    本文摘自<用Python做科学计算>,版权归原作者所有. NumPy为Python提供了快速的多维数组处理的能力,而SciPy则在NumPy基础上添加了众多的科学计算所需的各种工具包,有了 ...

  7. 彻底删除msde2008（请先在控制面板中卸载）.bat

    彻底删除msde2008(请先在控制面板中卸载).bat @echo offset /P dv=请确认强制删除MSDE2008(请先在控制面板中卸载),Y=删除,N=退出:if not defined ...

  8. Ubuntu 14.10 下Hive配置

    1 系统环境 Ubuntu 14.10 JDK-7 Hadoop 2.6.0 2 安装步骤 2.1 下载Hive 我第一次安装的时候,下载的是Hive-1.2.1,配置好之后,总是报错 [ERROR] ...

  9. The 'INFORMATION_SCHEMA.GLOBAL_STATUS' feature is disabled; see the documentation for 'show_compatibility_56'

    --从mysql5.7.6开始information_schema.global_status已经开始被舍弃,为了兼容性,此时需要打开 show_compatibility_56 mysql> ...

  10. Python关于Pyqt

    参考百度文摘地址: https://jingyan.baidu.com/article/a3761b2ba2b8581576f9aa98.html 1 首先进行安装Pyqt5 pip3 install ...