在学习《javascript基础教程》第八版时，有一个小细节开始不是很明白，查了一些资料后，理了一下思路。

例子的html代码：
<!DOCTYPE html>

<html>

<head>

    <title>Rotating Banner with Links</title>

    <script src="script08.js"></script>

    <link rel="stylesheet" href="script01.css">

</head>

<body>

    <div class="centered">

        <a href="linkPage"><img src="data:images/banner1.gif" id="adBanner" alt="ad banner"></a>

    </div>

</body>

</html>

例子的js代码：

window.onload = initBannerLink;

var thisAd = 0;

function initBannerLink() {

    if (document.getElementById("adBanner").parentNode.tagName == "A") {

        document.getElementById("adBanner").parentNode.onclick = newLocation;

    }

    rotate();

}

function newLocation() {

    var adURL = new Array("negrino.com","sun.com","microsoft.com");

    document.location.href = "http://www." + adURL[thisAd];

    return false;

}

function rotate() {

    var adImages = new Array("images/banner1.gif","images/banner2.gif","images/banner3.gif");

    thisAd++;

    if (thisAd == adImages.length) {

        thisAd = 0;

    }

    document.getElementById("adBanner").src = adImages[thisAd];

    setTimeout(rotate, 3 * 1000);

}

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

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

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

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

若将html代码中的

 <a href="linkPage"><img src="data:images/banner1.gif" id="adBanner" alt="ad banner"></a>
改为：
 <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. C# 图片处理方法 整理汇总

    /// <summary> /// 图片转为base64编码字符 /// </summary> /// <param name="path">图 ...

  2. uboot kernel 博客

    https://blog.csdn.net/zqixiao_09/ https://home.cnblogs.com/u/lifexy/ https://blog.csdn.net/chenliang ...

  3. ELF文件加载与动态链接（一）

    关于ELF文件的详细介绍,推荐阅读: ELF文件格式分析 —— 滕启明.ELF文件由ELF头部.程序头部表.节区头部表以及节区4部分组成. 通过objdump工具和readelf工具,可以观察ELF文 ...

  4. java基础（5）内部类

    1 成员内部类的定义和使用 public class Outer { private String name; public class Inner { public void innerMethod ...

  5. Xcode 和 VisualC++输出流的差别的理解

    将这样一段程序分别运行与Visual Studio 和 Xcode上边的结果: #include <iostream> using namespace std; int main() { ...

  6. python txt文件常用读写操作

    文件的打开的两种方式 f = open("data.txt","r") #设置文件对象 f.close() #关闭文件 #为了方便,避免忘记close掉这个文件 ...

  7. c——根据天数输出日期

    <c语言程序设计>(第三版)何钦铭 P190 #include<stdio.h> void month_day(int year,int yearday,int *pmonth ...

  8. poj 1151 (未完成) 扫描线 线段树 离散化

    #include<iostream> #include<vector> #include<cmath> #include<algorithm> usin ...

  9. Win下更新pip出现OSError:[WinError17]与PerrmissionError:[WinError5]及解决

    环境:Win7 64位,python3.6.0 我在准备用pip装东西的时候,在cmd里先更新了一下pip,大概是9.0.1更新到9.0. 尝试更新pip命令: pip install --upgra ...

  10. 全志A33开发板Linux内核定时器编程

    开发平台 * 芯灵思SinlinxA33开发板 淘宝店铺: https://sinlinx.taobao.com/ 嵌入式linux 开发板交流 QQ:641395230 Linux 内核定时器是内核 ...