JavaScript入门之函数返回值
函数返回值
<!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入门之函数返回值的更多相关文章
- javascript中的函数返回值（return）
有些情况,我们希望获取到函数的执行结果,也就是我们需要在函数以外的地方处理执行结果,而不是在函数内部处理.这时我们就需要为函数设一个返回值,也就是return,即函数执行完毕以后返回的结果. 若在函数 ...
- JS异步函数 返回值
1. js 异步的几种情况 : 1.1 异步操作由浏览器内核的 webcore 来执行: onclick 由浏览器内核的 DOM Binding 模块来处理,当事件触发的时候,回调函数会立即添加到任 ...
- javaScript入门（函数）
目录 JavaScript函数 函数是什么 函数返回值 return特点: 递归函数 匿名函数(anoymous) 自执行函数(通过匿名函数实现) 回调函数 闭包函数 构造函数 构造函数两大类 注意事 ...
- 用javascript 写个函数返回一个页面里共使用了多少种HTML 标签
今天我无意间看到一个面试题: 如何用javascript 写个函数返回一个页面里共使用了多少种HTML 标签? 不知你看到 是否蒙B了,如果是我 面试,肯定脑子嗡嗡的响.... 网上搜了搜也没有找到答 ...
- shell调用函数返回值深入分析
编写shell脚本过程中,我们经常会自定义一些函数,并根据函数的返回值不同来执行相应的流程,那么我们如何来获取函数的返回值呢? 首先shell中调用函数有两种方式: 第一种:value=`functi ...
- Python从线程获取函数返回值
Python中利用强大的threading模块可以很容易的实现多线程开发,提高运行速度.这一般是对某个进行大量计算操作的的函数进行多线程处理,然后合并各线程的结果.获取函数返回值的方法可以如下: 1) ...
- 速战速决 (3) - PHP: 函数基础, 函数参数, 函数返回值, 可变函数, 匿名函数, 闭包函数, 回调函数
[源码下载] 速战速决 (3) - PHP: 函数基础, 函数参数, 函数返回值, 可变函数, 匿名函数, 闭包函数, 回调函数 作者:webabcd 介绍速战速决 之 PHP 函数基础 函数参数 函 ...
- string类find函数返回值判定
string类find函数返回值判定 代码示例 #include<iostream> #include<cstring> using namespace std; int m ...
- c语言main函数返回值、参数详解（返回值是必须的，0表示正常退出）
C语言Main函数返回值 main函数的返回值,用于说明程序的退出状态.如果返回0,则代表程序正常退出:返回其它数字的含义则由系统决定.通常,返回非零代表程序异常退出. 很多人甚至市面上的一些书籍,都 ...
随机推荐
- 解决Sping 框架 Controller@Value获取不到值
原因:要获取 int.properties 中的数据 但是 一直拿不到值 如下代码 使用这种方式注入 *.properties文件 <!-- 引入配置文件 --> <context: ...
- 为MFC中的ListBox添加水平滚动条
我们知道,MFC中的水平滚动条并不像垂直滚动条那样的智能.当文字超出ListBox的宽度时,水平滚动条并不会自己出现,我们需要手动的调用CListBox中的函数SetHorizontalExtent设 ...
- android:Notification实现状态栏的通知
在使用手机时,当有未接来电或者新短消息时,手机会给出响应的提示信息,这些提示信息一般会显示到手机屏幕的状态栏上. Android也提供了用于处理这些信息的类,它们是Notification和Notif ...
- js 实现依赖注入的思想，后端框架思想搬到前端来
前述:咱们写一些页面的时候,很多需要用ajax来实现,显示又有很多表单提交的add或者update操作,太烦了,能不能有什么方法能够简单些呢? 说实话我都是被公司给逼的 应用场景: 前后端一一对应.表 ...
- maven 中使用jstl 错误解决
maven 中使用jstl表达式中出现如上错误.原因: 导入jstl 的jar包,却没有在pom文件中添加jstl相关的jar依赖项. <!--jstl表达式--> <depende ...
- SAP安装前添加虚拟网卡步骤
添加虚拟网卡: 打开控制面版中的设备管理器 点击菜单栏上的[操作(A)] 选择[添加过时硬盘件] 选择[ 安装我手动从列表选择的硬件(高级)(M) ],点击[下一步] 选择[网络适配器],点击[下一步 ...
- 一个很好用的系统管理的命令lsof（转载）
最近发现LOSF 命令在系统管理方面特别有用,把我搜集的资料总结如下 1.当在lsof后边没有跟任何参数时,该命令将会列出当前系统中被所有进程打开的所有文件#lsof|nl #nl命令打印出行号 2. ...
- python模块之codecs: 自然语言编码转换
python对多国语言的处理是支持的很好的,它可以处理现在任意编码的字符,这里深入的研究一下python对多种不同语言的处理. 有一点需要清楚的是,当python要做编码转换的时候,会借助于内部 ...
- 基于jQuery左侧小图滚动右侧大图显示代码
今天给大家分享一款 jQuery左侧小图滚动右侧大图显示代码是一款基于jQuery实现的左侧滚动图片点击大图查看效果代码.该实例适用浏览器:IE8.360.FireFox.Chrome.Safari. ...
- 算法 quick sort
// ------------------------------------------------------------------------------------------------- ...