必会示例：
  • i的问题
  • qq头像完整版
  • this的错误用法
  • 按住鼠标连续加减
  • 封闭空间
  • 甲乙的问题
  • 京东轮播图
  • 苏宁延迟选项卡
  • 无限下拉菜单
  • 淘宝短发送倒计时

1、必须会的

        选项卡、按钮控制的选项卡、自动播放选项卡、数字时钟、图片时钟。
2、定时器中不能使用this.因为this变成了window对象，window就是浏览器对象。
 
3、定时发送功能
<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="author" content="智能社 - zhinengshe.com">

<meta name="copyright" content="智能社 - zhinengshe.com">

<title>智能社 - www.zhinengshe.com</title>

<style>

</style>

<script>

window.onload=function(){

	var oBtn = document.getElementsByTagName('input')[0];

	var s = 5+1;

	var timer = null;

	oBtn.onclick=function(){

		function countDown(){

			oBtn.disabled=true;

			s--;

			oBtn.value='正在发送('+s+')';

			if(s<0){

				clearInterval(timer);

				oBtn.value='重新发送';

				oBtn.disabled=false;

				s=5+1;

			}

		}

		countDown();

		timer = setInterval(countDown,1000);

	};

};

</script>

</head>

<body>

<input type="button" value="免费获取验证码" />

</body>

</html>

4、定时器不稳定，数值越小越不稳定。　　

5、i的问题

循环中加事件、事件中不能使用i....
                why?
                1、点击触发事件时循环已经完事了。
                2、变量的值不会自己改变。
                3、当循环跑完的时候i已经变成了元素的长度。
        解决办法：
                1、添加自定义属性。循环中abn[i].index=i;
                2、自执行函数
                循环中加定时器，定时器中使用i,弹了n个length
 
6、甲乙的问题，变量命名冲突解决办法
变量名冲突。

        关于函数执行。

<script>

window.onload=function(){

	(function (){

		var oBtn= document.getElementById('btn1');

		oBtn.onclick=function(){

			alert(oBtn.value);

		};

	})();

	(function(){

		var oBtn= document.getElementById('btn2');

		oBtn.onclick=function(){

			alert(oBtn.value);

		};

	})();

};

</script>

7、

关于括号的问题
        封闭空间
        (function(){
              语句；
        })();// 为了 防止报错
        作用1：解决了变量名冲突的问题。
        函数调用几次就执行几次。调用几次就复制了几份。  
        作用2：解决i的问题。    
         好处：省了一个名字。

　　

1.6 js基础的更多相关文章

  1. js 基础篇（点击事件轮播图的实现）

    轮播图在以后的应用中还是比较常见的,不需要多少行代码就能实现.但是在只掌握了js基础知识的情况下,怎么来用较少的而且逻辑又简单的方法来实现呢?下面来分析下几种不同的做法: 1.利用位移的方法来实现 首 ...

  2. js 基础

    js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避 ...

  3. js基础练习二之简易日历

    今天学到了js基础教程3,昨天的课后练习还没来的及做,这个是类似简易日历的小案例,视频还没听完,今晚继续...... 先看效果图: 其实做过前面的Tab选项卡,这个就很好理解了,通过鼠标放在不同月份月 ...

  4. [JS复习] JS 基础知识

    项目结尾,空闲时间,又把<JS 基础知识> 这本书过了一遍,温故知新后,很多知其然不知其所以然的内容 豁然开朗. [1. 用于范围的标签] display  :inline or bloc ...

  5. JS基础（超级简单）

    1     JS基础(超级简单) 1.1 数据类型 1.1.1   基本类型: 1)        Number:特别注意:NaN的检测方法:Nan!=NaN;或者使用isNaN方法 2)       ...

  6. Node.js基础与实战

    Node.js基础与实战 Node.jsJS高级进阶 NODE原理与解析 REPL交互环境 模块与NPM Buffer缓存区 fs文件操作 Stream流 TCP&UDP 异步编程 HTTP& ...

  7. js基础到精通全面教程--JS教程

    适合阅读范围:对JavaScript一无所知-离精通只差一步之遥的人 基础知识:HTML JavaScript就这么回事1:基础知识 1 创建脚本块 1: <script language=”J ...

  8. JS基础知识总结

      js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划() ...

  9. js基础篇——call/apply、arguments、undefined/null

    a.call和apply方法详解 call方法: 语法:call([thisObj[,arg1[, arg2[,   [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象 ...

  10. js基础知识总结（2016.11.1）

    js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避 ...

随机推荐

  1. [修正] Firemonkey Windows 控件有虚线残影问题

    说明:在 Wndows 显示时,有时控件左方会显示一条虚线 适用:Firemonkey Windows (Berlin 或更高版) 修正方法: 请将源码 FMX.Canvas.D2D.pas 复制到自 ...

  2. jquery库与其他库冲突的问题解决-jquery.noConflict()

    在使用jQuery开发的时候,可能还会使用到其他的JS库,比如Prototype,但多库共存时可能会发生冲突:若是发生冲突后,可以通过以下几种方案进行解决: 一. jQuery库在其他库之前导入,直接 ...

  3. leetcode 移动零

    给定一个数组 nums,编写一个函数将所有 0 移动到数组的末尾,同时保持非零元素的相对顺序. 示例: 输入: [0,1,0,3,12] 输出: [1,3,12,0,0] 这道题比较好想出来 /** ...

  4. c#进阶之浅析委托和事件

    何为委托 加了delegate关键字,没有方法体{}的方法模版(方法列表);委托是一种类型 public void Write() { //TODO } //加上关键字delegate,去掉方法体{} ...

  5. 谈谈iOS开发如何写个人中心这类页面--静态tableView页面的编写

    本文来自 网易云社区 . 一.本文讲的是什么问题? 在开发 iOS 应用时,基本都会遇到个人中心.设置.详情信息等页面,这里截取了某应用的详情编辑页面和个人中心页面,如下: 我们以页面结构的角度考虑这 ...

  6. emacs 考场配置

    先存在这里,免得等回来乱搞的时候把自己的配置搞丢了qwq (custom-set-variables '(custom-enabled-themes (quote (tango-dark)))) (c ...

  7. OCP最新题库052考题解析及答案-第37题

    37.USER1 grants SELECT, INSERT, and UPDATE privileges on USER1. EMP to USER2. SYS executes this comm ...

  8. [AGC003F] Fraction of Fractal 矩阵快速幂

    Description ​ SnukeSnuke从他的母亲那里得到了生日礼物--一个网格.网格有HH行WW列.每个单元格都是黑色或白色.所有黑色单元格都是四联通的,也就是说,只做水平或垂直移动且只经过 ...

  9. 浅析通过"监控"来辅助进行漏洞挖掘

    这篇文章总结了一些笔者个人在漏洞挖掘这一块的"姿势",看了下好像也没相关类似TIPs或者文章出现,就写下此文. 本文作者:Auther : vulkey@MstLab(米斯特安全攻 ...

  10. jquery源码解析：jQuery静态属性对象support详解

    jQuery.support是用功能检测的方法来检测浏览器是否支持某些功能.针对jQuery内部使用. 我们先来看一些源码: jQuery.support = (function( support ) ...