JavaScript函数传参、作用域的教程

函数传参小示例一:

fnA(1,2); 
fnA(2,3); 
function fnA(a,b) 

    alert(a+b); 

函数传参小实例一:

CSS:
body,ul{margin:0;padding:0;} 
li{ list-style:none;} 
.box{width:200px; margin:20px auto;} 
.box ul{ height:30px;} 
.box li{width:50px;height:30px;background:#ccc;color:#000;float:left; text-align:center;line-height:30px;font-size:20px;} 
#box1 .active1{background:#333;color:#fff;} 
#box2 .active2{background:#666;color:red;} 
.content{height:60px;border:1px solid #ccc;} 
.content div{ display:none;font-size:50px;} 
.content .show{ display:block;} 
JS:
window.onload=function() 

    tab("box1","active1"); 
    tab("box2","active2"); 
}; 
function tab(sId,sClassName) 

    var oBox=document.getElementById(sId); 
    var aLi=oBox.getElementsByTagName("ul")[0].getElementsByTagName("li"); 
    var aDiv=oBox.getElementsByTagName("div")[0].getElementsByTagName("div"); 
    for(var i=0;i<aLi.length;i++) 
    { 
        aLi[i].index=i; 
        aLi[i].onmouseover=function() 
        { 
            for(var i=0;i<aLi.length;i++) 
            { 
                aLi[i].className=""; 
                aDiv[i].className=""; 
            } 
            this.className=sClassName; 
            aDiv[this.index].className="show"; 
        }; 
    } 

HTML:
<div class="box" id="box1"> 
    <ul> 
        <li class="active1">1</li> 
        <li>2</li> 
        <li>3</li> 
        <li>4</li> 
    </ul> 
    <div class="content"> 
        <div class="show">1</div> 
        <div>2</div> 
        <div>3</div> 
        <div>4</div> 
    </div> 
</div> 
<div class="box" id="box2"> 
    <ul> 
        <li class="active2">1</li> 
        <li>2</li> 
        <li>3</li> 
        <li>4</li> 
    </ul> 
    <div class="content"> 
        <div class="show">1</div> 
        <div>2</div> 
        <div>3</div> 
        <div>4</div> 
    </div> 
</div> 
作用域小例子一:
function fnAA() 

    var b=0; 

function fnBB() 

    alert(b) 

fnBB();   //结果是:b是未定义 ; 
 
// 在某个函数内部定义的变量 就叫做局部变量 作用范围也只函数内部有效 
作用域小示例二:
var b=0; 
function fnBB() 

    b-=1; 

fnBB();     //  -1 
fnBB();     //  -2 
alert(b);   //  so  -2 
 
//  在全局定义的变量,叫做全局变量 ,作用范围也是全局的 在全局里都可以去修改 和使用 
作用域小示例三:
function fnAA() 

    var a=0; 
    function fnBB() 
    { 
        var b=0; 
        alert(a); 
    } 
    fnBB(); 

fnAA(); 

// 在某个函数内部定义的变量 就叫做局部变量 作用范围也只函数内部有效 
 
//  在全局定义的变量,叫做全局变量 ,作用范围也是全局的 在全局里都可以去修改 和使用 
 
// 函数是有作用域问题 
 
// 闭包 子函数可以使用父函数的局部变量 但是父函数没法访问的子元素里边的东西 

时间: 2024-09-30 11:10:38

JavaScript函数传参、作用域的教程的相关文章

Way on c &amp;amp; c++ 小记 [五] – 初始化列表与成员函参作用域

初始化列表与成员函参作用域 作者:Jason Lee @http://blog.csdn.net/jasonblog 日期:2010-04-11   [1]初始化列表 所谓初始化列表,从语法角度讲,就是构造函数圆括号后的冒号与左花括号之间的紧跟初始值的变量序列,如下是一个示例: Demo(): b(2), a(b){ 作为初始化列表,它以它的作用和初始化顺序而出名.   初始化列表有什么作用呢?我觉得可以一言以蔽之:初始化列表最重要的作用就是用来初始化不能被赋值的成员.比如引用必须在第一次出现的

用JavaScript实现页面重定向功能的教程

  这篇文章主要介绍了用JavaScript实现页面重定向功能的教程,是JS入门学习中的基础知识,需要的朋友可以参考下 页面重定向是什么? 当你点击一个URL来访问一个网页X,但在内部你被定向到另一页Y,仅仅是因为页面重定向.这一概念是从不同于JavaScript 页面刷新 . 可能有各种原因,为什么想从原来的页面重定向.下面列出的几个原因: 如果不喜欢你的域名,可以重定向到一个新的.同时,要引导所有访问者到新网站.在这种情况下,可以保持旧的域名,但放在一个页面到一个页面重定向使所有的旧域名游客

JavaScript中Cookies的相关使用教程

  这篇文章主要介绍了JavaScript中Cookies的相关使用教程,包括Cookies的存储和删除等操作方法,需要的朋友可以参考下 Cookies是什么 ? Web浏览器和服务器使用HTTP协议进行通信,并且HTTP是一种无状态协议.但对于一个商业网站它需要保持不同的页面间的会话信息.例如在完成多页后,一个用户注册结束.但是,如何保持所有网页用户的会话信息. 在许多情况下,使用Cookie来记忆和跟踪的喜好,采购,佣金,并要求更好的访问体验或网站的统计数据等信息的最有效的方法. 它是如何工

初探JavaScript——JS另类的作用域和声明提前

最近恰逢毕业季,千千万万的学生党开始步入社会,告别象牙塔似的学校生活.往往在人生的各个拐点的时候,情感丰富,感触颇深,各种对过去的美好的总 结,对未来的展望.与此同时,也让诸多的老"园"工看完这些小年轻的文章后感触良多,不禁也要写上几笔,所以就出来了很多类似"毕业两年小记"."毕业五 年有感"-- 可能就是某篇博文的一句话,某碗心灵鸡汤就拨动了你心里的那根尘封已久的弦,让你情不自禁的点了个赞,还忍不住的要在下面评论区留下自己此刻心潮澎湃的印记.

麻烦推荐一下讲解JavaScript较全面的书籍或教程或电子书?

问题描述 麻烦推荐一下讲解JavaScript较全面的书籍或教程或电子书?谢谢! 解决方案 http://www.iteye.com/problems/24021

javascript 与 jquery 变量作用域差异问题

问题描述 javascript 与 jquery 变量作用域差异问题 /***javascript例子***/ function fn(){ var oo="oo"; function fnn(){ alert(oo); } fnn(); } fn(); // 结果 undefined /***jquery 例子***/ $( function(){ var oo="oo"; function fnn(){ alert(oo); } fnn(); } ) // 结果

浅谈JavaScript 执行环境、作用域及垃圾回收_javascript技巧

执行环境定义了变量或函数有权访问的其他数据,决定了它们各自的行为.每个执行环境都有一个与之关联的变量对象. 全局执行环境是最外围的一个执行环境.根据JavaScript实现所在的宿主环境不同,表示执行环境的对象也不一样.在Web浏览器中,全局执行环境被认为是window对象.因此,所有的全局变量和函数都是作为window对象的属性和方法创建的. 变量对象:环境中定义的所有变量和函数都保存在这个对象中. 作用域链:当代码在一个环境中执行时,会创建变量对象的一个作用域链.作用域链的用途是保证对执行环

javascript执行环境及作用域详解_javascript技巧

最近在重读<javascript高级程序设计3>,觉得应该写一些博客记录一下学习的一些知识,不然都忘光啦.今天要总结的是js执行环境和作用域. 首先来说一下执行环境  一.执行环境         书上概念,执行环境定义了变量或者函数有权访问的其他数据,决定了他们各自的行为.每个执行环境都有一个与之关联的变量对象.环境中定义的所有变量和函数都保存在这个对象中.虽然我们在编写代码的时候无法访问这个对象,但解析器在处理数据时会在后台用到它. 执行环境是一个概念,一种机制,它定义了变量或函数是否有权

为什么JavaScript没有块级作用域_javascript技巧

最近在看ES2015 实战,里面有句话是这么说的 JavaScript 中没有块级作用域 可能会对这个问题大家可能有点不理解,先看个例子 var a = [] for(var i = 0; i < 10; i++){ a[i] = function(){ console.log(i); } } a[6](); 我想很多人会觉得这个问题的结果是6,然而很不幸,答案是10.在试试别的呢.a[7]().a[8]().a[8]()结果都是10!! 由于JS在处理primitive的变量的时候,很多时候会

javascript中的变量作用域以及变量提升详细介绍_javascript技巧

变量作用域"一个变量的作用域表示这个变量存在的上下文.它指定了你可以访问哪些变量以及你是否有权限访问某个变量." 变量作用域分为局部作用域和全局作用域. 局部变量(处于函数级别的作用域)不像其他对面对象的编程语言(比方说C++,Java等等),javascript没有块级作用域(被花括号包围的):当是,javascript有拥有函数级别的作用域,也就是说,在一个函数内定义的变量只能在函数内部访问或者这个函数内部的函数访问(闭包除外,这个我们过几天再写个专题). 函数级别作用域的一个例子