函数返回值

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

    <script>

        function show(){

            return 12;

        }

        var a=show();

        alert(a);

    </script>

</head>

<body>

</body>

</html>

加法器

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

    <script>

        function add(a,b){

            return a+b;

        }

        alert(add(3,5));

    </script>

</head>

<body>

</body>

</html>

注意：return无值时，弹出undefined

求和  arguements可变参数组（不定参）

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

    <script>

        function sum()

        {

            var result=0;

            for(var i=0;i<arguments.length;i++){

                result+=arguments[i];

            }

            return result;

        }

        alert(sum(12,6,9))

    </script>

</head>

<body>

</body>

</html>

css（oDiv,'width'）获取样式

css(oDiv,'width','200px')设置样式

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

    <script>

        function css(){

            if(arguments.length==2)//获取 如果有2个参数

            {

                return arguments[0].style[arguments[1]];

            }

            else{//设置

                arguments[0].style[arguments[1]]=arguments[2];

            }

        }

        window.onload = function()

        {

            var oDiv=document.getElementById('div1');

            alert(css(oDiv,'width'));//css(oDiv,'background','green');设置成绿色
} </script> </head> <body> <div id="div1" style="width:200px;height:200px;background: red"></div> </body> </html>

简化，给函数取名

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

    <script>

        function css(obj,name,value)

        {if(arguments.length==2)//获取 如果有2个参数

            {

                return obj.style[name];

            }

            else{//设置

                obj.style[name]=value;

            }

        }

        window.onload = function()

        {

            var oDiv=document.getElementById('div1');

            //alert(css(oDiv,'width'));

            css(oDiv,'background','green')

        }

    </script>

</head>

<body>

<div id="div1" style="width:200px;height:200px;background: red"></div>

</body>

</html>

style用于获取行间样式，

获取非行间样式用current，currentStyle只适用于ie浏览器，getComputedStyle适用于火狐和Chrome

<!doctype html><html>

<head>

<title>获取非行间样式</title>

<meta charset="utf-8"/>

<style>#div1{width:200px;height:200px;background:red;}</style>

<script>

    window.onload=function(){

    //ie

    //alert(oDiv.currentStyle.width);

    var oDiv=document.getElementById('div1');

    //火狐，Chrome

    alert(getComputedStyle(oDiv,false).width);

    }

</script>

</head>

<body>

<div id="div1"></div>

</body>

</html>

解决兼容性用if else

<!doctype html><html>

<head>

<title>获取非行间样式</title>

<meta charset="utf-8"/>

<style>#div1{width:200px;height:200px;background:red;}</style>

<script>

    window.onload=function(){

    var oDiv=document.getElementById('div1');

    if(oDiv.currentStyle){//ie

    var oDiv=document.getElementById('div1');

    }

    else{//firefox,chrome

    alert(getComputedStyle(oDiv,false).width);

    };}

</script>

</head>

<body>

<div id="div1"></div>

</body>

</html>

包装成独立的函数

<!doctype html><html>

<head>

<title>获取非行间样式</title>

<meta charset="utf-8"/>

<style>#div1{width:200px;height:200px;background:red;}</style>

<script>

function getStyle(obj,name){

    if(obj.currentStyle){//ie

    return obj.currentStyle[name];

    }

    else{//firefox,chrome

    return(getComputedStyle(obj,false)[name]);

    }

}

    window.onload=function(){

    var oDiv=document.getElementById('div1');

    alert(getStyle(oDiv,'width'));

    }

</script>

</head>

<body>

<div id="div1"></div>

</body>

</html>

复合样式：background（color,image,position）

单一样式：width，height

    alert(getStyle(oDiv,'backgroundColor'));

JavaScript入门之函数返回值的更多相关文章

  1. javascript中的函数返回值（return）

    有些情况,我们希望获取到函数的执行结果,也就是我们需要在函数以外的地方处理执行结果,而不是在函数内部处理.这时我们就需要为函数设一个返回值,也就是return,即函数执行完毕以后返回的结果. 若在函数 ...

  2. JS异步函数 返回值

    1.  js 异步的几种情况 : 1.1 异步操作由浏览器内核的 webcore 来执行: onclick 由浏览器内核的 DOM Binding 模块来处理,当事件触发的时候,回调函数会立即添加到任 ...

  3. javaScript入门（函数）

    目录 JavaScript函数 函数是什么 函数返回值 return特点: 递归函数 匿名函数(anoymous) 自执行函数(通过匿名函数实现) 回调函数 闭包函数 构造函数 构造函数两大类 注意事 ...

  4. 用javascript 写个函数返回一个页面里共使用了多少种HTML 标签

    今天我无意间看到一个面试题: 如何用javascript 写个函数返回一个页面里共使用了多少种HTML 标签? 不知你看到 是否蒙B了,如果是我 面试,肯定脑子嗡嗡的响.... 网上搜了搜也没有找到答 ...

  5. shell调用函数返回值深入分析

    编写shell脚本过程中,我们经常会自定义一些函数,并根据函数的返回值不同来执行相应的流程,那么我们如何来获取函数的返回值呢? 首先shell中调用函数有两种方式: 第一种:value=`functi ...

  6. Python从线程获取函数返回值

    Python中利用强大的threading模块可以很容易的实现多线程开发,提高运行速度.这一般是对某个进行大量计算操作的的函数进行多线程处理,然后合并各线程的结果.获取函数返回值的方法可以如下: 1) ...

  7. 速战速决 (3) - PHP: 函数基础, 函数参数, 函数返回值, 可变函数, 匿名函数, 闭包函数, 回调函数

    [源码下载] 速战速决 (3) - PHP: 函数基础, 函数参数, 函数返回值, 可变函数, 匿名函数, 闭包函数, 回调函数 作者:webabcd 介绍速战速决 之 PHP 函数基础 函数参数 函 ...

  8. string类find函数返回值判定

     string类find函数返回值判定 代码示例 #include<iostream> #include<cstring> using namespace std; int m ...

  9. c语言main函数返回值、参数详解（返回值是必须的，0表示正常退出）

    C语言Main函数返回值 main函数的返回值,用于说明程序的退出状态.如果返回0,则代表程序正常退出:返回其它数字的含义则由系统决定.通常,返回非零代表程序异常退出. 很多人甚至市面上的一些书籍,都 ...

随机推荐

  1. MySQL中的锁、隔离等级和读场景

    一.导言 关于MySQL中的锁还有隔离等级这类话题,其概念性的解释早已泛滥.记住其概念,算不上什么.更重要的是思考:他们的区别和联系在哪儿,为什么会有这样的概念. 1)MySQL的锁(Lock)分为行 ...

  2. docker sshd image problem, session required pam_loginuid.so, cann't login

    在使用sshd docker 镜像时, 发现一个比较诡异的问题, 有些启动的容器可以连接, 有些不能. 例如 :  启动2个容器(这两个容器都有问题) :  [root@localhost ~]# d ...

  3. 【MySQL锁】MySQL悲观锁和乐观锁概念

    悲观锁与乐观锁是两种常见的资源并发锁设计思路,也是并发编程中一个非常基础的概念.本文将对这两种常见的锁机制在数据库数据上的实现进行比较系统的介绍. 悲观锁(Pessimistic Lock) 悲观锁的 ...

  4. Ruby 和 Python 分析器是如何工作的？

    你好! 我作为一名编写Ruby profiler的先驱,我想对现有的Ruby和Python profiler如何工作进行一次调查. 这也有助于回答很多人的问题:“你怎么写一个profiler?” 在这 ...

  5. 【转帖】Sigma水平和缺陷率的对应关系：正态分布中心和1.5标准差偏移

    http://www.pinzhi.org/thread-5395-1-1.html Sigma水平和缺陷率的对应关系:正态分布中心和有1.5个标准差偏移 在过程稳定时,若给出了规范限,过程的平均与标 ...

  6. 用Visual studio2012在Windows8上开发内核驱动监视进程创建

    在Windows NT中,80386保护模式的“保护”比Windows 95中更坚固,这个“镀金的笼子”更加结实,更加难以打破.在Windows 95中,至少应用程序I/O操作是不受限制的,而在Win ...

  7. web项目的路径问题

    一.使用base标签,使相对路径和绝对路径可以同时使用 但是,base标签对Ie低版本不兼容(IE8及IE8以下) 不过,鉴于IE在国内具有无与伦比的统治地位,所以,换了个写法: <script ...

  8. unity, SkinnedMeshRenderer.bones[i]不能直接赋值

    SkinnedMeshRenderer.bones[i]=xxx,这样写不报错,但也不起作用. 正确的方法是: List<Transform> boneList=new List<T ...

  9. atitit.获取connection hibernate4

    atitit.获取connection hibernate4 1. SessionFactoryUtils法(推荐) 1 2. ConnectionProvider 法( ) 1 3. 嘎自实现法(不 ...

  10. android对话框，checkBox,同一时候在同一个页面上保存数据

    package com.example.selectonlyonle; import android.app.Activity; import android.app.AlertDialog; imp ...