JS表达式函数，this

 <style>
        div {
            width: 200px;
            height: 200px;
            background: red;
            margin-top: 20px;
        }
    </style>
</head>

<body>

    <div id="header" >行间事件</div>
    <div id="main">this的作用</div>
    <div id="footer">JS事件</div>
     <script>

          var header=document.getElementById("header"),
              footer=document.getElementById("footer"),
              main=document.getElementById("main");
              toGreen();//在函数toGreen之前之后都可以
        function toGreen(){
            header.style.background="green";
        }
          var toBlue=function(){
              footer.style.background="blue";
          }
         footer.onclick=toBlue;//只能在toBlue之后不能再之前，因为代码是从上向下执行的toBlue相当于一个变量，在其之前则toBlue是undefined;

         main.onclick=function(){
             //在这行代码中this等价于main
             this.style.background="orange";
         }

</script>

时间： 2024-10-16 00:03:10

JS表达式函数，this的相关文章

JS中函数声明与函数表达式的不同

Js中的函数声明是指下面的形式: function functionName(){ } 这样的方式来声明一个函数,而函数表达式则是类似表达式那样来声明一个函数,如: var functionName = function(){ } 可能很多朋友在看到这两一种写法时会产生疑惑,这两种写法差不多,在应用中貌似也都是可行的,那他们有什么差别呢? 事实上,js的解析器对函数声明与函数表达式并不是一视同仁地对待的.对于函数声明,js解析器会优先读取,确保在所有代码执行之前声明已经被解析,而函数表达式,如同

js匿名函数闭包

函数声明: function functionName(arg0,arg1){ //函数体 } 函数表达式: var functionName = function(arg0,arg1){ //函数体 } 函数声明和函数表达式之间的主要区别是前者会在代码执行前被加载到作用域中,而后者是在代码执行到那一行的时候才会有定义.另一个区别是函数声明会给函数指定一个名字,而函数表达式则创建一个匿名函数,然后将这个函数赋给一个变量 1 递归递归函数是在一个函数通过名字调用自身的情况下构成的,例如: fun

JS基础——函数的创建和使用

在JS中函数在使用时实质上和我们平时学习的编程语言中的函数类似,它同样也具有函数名,参数,返回值,函数体等这些平常函数所具有的内容.但是作为一种脚本语言,它确实也有自己不一样的地方. 一.创建 <span style="font-size:18px;">function box(){ //利用function关键字进行声明+函数名+(可添加参数)+{具体执行内容,可包括返回值} return 'hello!'; }</span> 在这里,我们需要知道的是,box

JS中函数的地方方式

JS中函数是特殊的对象,可以拥有自己的属性和方法,属性被定义为局部变量,这样可以有效地防止变量的污染,方法被定义为闭包(定义在函数内部的函数).JS中函数的实参和形参个数都可以不固定,通过arguments(实参对象)函数属性来调用,在函数内部arguments.length表示函数实参的个数,而arguments.callee.length表示函数的形参的个数.prototype称为原型属性, 1.通过函数直接量表达式定义(适合于只要使用一次的场景,在JS中使用最多的是回调函数): funct

JS匿名函数声明，调用；JS闭包详解（转载）

js匿名函数的代码如下:(function(){ // 这里忽略jQuery 所有实现 })(); 半年前初次接触jQuery 的时候,我也像其他人一样很兴奋地想看看源码是什么样的.然而,在看到源码的第一眼,我就迷糊了.为什么只有一个匿名函数又没看到运行(当然是运行了…… ),就能有jQuery 这么个函数库了?于是,我抱着疑问来到CSDN .结果相信现在很多人都很清楚了(因为在我之后也不乏来者,呵呵~ ).当一个匿名函数被括起来,然后再在后面加一个括号,这个匿名函数就能立即运行起来!真神奇哦

js 时间函数及相关运算大全

js 时间函数及相关运算大全 var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) myDate.getDate(); //获取当前日(1-31) myDate.getDay(); //获取当前星期X(0-

js匿名函数确实是个好东西

<body > <script type="text/javascript"> void function() { alert('弹出框'); }(); </script> </body> <body > <script type="text/javascript"> void function() { alert('弹出框'); }(); </script> </body&g

浅谈js中函数作用域和声明提前

JavaScript的函数具有两个主要特性,一是函数是一个对象,二是函数提供作用域支持,今天主要聊聊函数的作用域支持. 简单看两个概念: 具名函数表达式 var add = function add (a) { return a } 这段代码描述了一个函数,称为‘具名函数表达式’. 如果省略函数表达式中的名字,它就是‘匿名函数表达式’,即匿名函数,例如 var add = function (a, b) { return a + b; }; 最后看下‘函数声明’ function foo() {

JS.【转】JS事件处理函数中return的作用

1.js事件处理函数中return的作用 - AnswerCard - 博客园.html(https://www.cnblogs.com/answercard/p/5255230.html) 2.网页内容保存: 这里面的return含有一些细节知识: 例如:onClick='return add_onclick()'与 onClick='add_onclick()'的区别 JAVASCRIPT在事件中调用函数时用return返回值实际上是对window.event.returnvalue进行设置