一：函数return 



<!DOCTYPE HTML>


<html>


<head>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8">


<title>无标题文档</title>


 


<script>


 


// return 返回值


// 数字、字符串、布尔、函数、对象（元素\[]\{}\null）、未定义


 


// fn1();函数名称加括号等于return后面的值 无论后面是什么类型的值甚至是函数	=>   100


// alert( fn1().length );


// alert( typeof fn1() );


function fn1(){


	// return 100;


	return 'miaov';


}


 


// alert( fn2() );


 


// fn2(20)(10);


function fn2(a){


	return function (b){


		alert(a+b);			// 嘿嘿，我是注释~


	};


}


 


fn3().onload = function (){


	document.body.innerHTML = 123;


};


 


function fn3(){


	return window;


}


 


// alert(fn4());


function fn4(){


	// return ;


}


 


// alert( fn5() );


function fn5(){


	return 123;


	


	alert(520);


}


 


/*


	return：返回值


		1) 函数名+括号：fn1()	==>  return 后面的值；


		2) 所有函数默认返回值：未定义；


		3) return 后面任何代码都不执行了；


*/


 


</script>


 


</head>


 


<body>


</body>


</html>
二：获取元素样式/


<!DOCTYPE HTML>


<html>


<head>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8">


<title>无标题文档</title>


<style>


div { width:100px; height:120px; background:red; }


</style>


<script src="miaov.js"></script>


<script>


$(function(){


	// $('div1').style.width = '300px';只能获得行间的style with 不能得到样式表中的with.


	$('btn1').onclick = function  (){


		// alert( $('div1').style.width );


		// $('div1').style.cssText = 'width:350px;';


		


		// alert( getComputedStyle( $('div1') ).width );			


		// IE6 7 8 不兼容，直接在IE9中的汉语调试工具中测试即可，左右两个标准


		


		// alert( $('div1').currentStyle.width );	// 兼容IE678，但是标准浏览器比如火狐不兼容


		/*


		if( $('div1').currentStyle ){


			alert( $('div1').currentStyle.width );


		} else {//解决浏览器兼容问题，属性判断法，版本检测法，很多解决问题。


			alert( getComputedStyle( $('div1'), 250 ).width );


			// FF 4.0 之前，现在都38.1版本了，联网自动更新的。


		}


		*/


		


		// alert( getStyle( $('div1'), 'width' ) );


		// alert( getStyle( $('div1'), 'height' ) );


		


		alert( getStyle( $('div1'), 'marginRight' ) );


		


		/*    alert( getStyle( $('div1'), 'width' ) );


				获取到的是计算机（浏览器）计算后的样式也就是真实的


				


				background: url() red ……		复合样式（不要获取）


				backgroundColor					单一样式（不要用来做判断）


				//能弹出不同的颜色了。IE red火狐chromerrgba(255,0,0)


				不要有空格,不然全是undefine


				


				不要获取未设置后的样式：不兼容getStyle( $('div1'), 'marginRight' )


		*/


	};


});


</script>


</head>


<body>


<input id="btn1" type="button" value="按钮" />


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


</body>


</html>
三：封装自己的库
<script src="miaov.js"></script>


function $( v ){


	if( typeof v === 'function' ){


		window.onload = v;


	} else if ( typeof v === 'string' ) {


		return document.getElementById(v);


	} else if ( typeof v === 'object' ) {


		return v;


	}


}


 


function getStyle( obj, attr ){


	return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle( obj )[attr];


}
 
 

函数return/获取元素样式/封装自己的库的更多相关文章

  1. JavaScript获取元素样式

    原生的JavaScript获取写在标签内部的样式很简单: <div class="test" id="test" style="width:10 ...

  2. javascript 获取元素样式的方法

    javascript 获取元素样式常用方法. Javascript获取CSS属性值方法:getComputedStyle和currentStyle  1 .对于元素的内联CSS样式(<div s ...

  3. 原生js获取元素样式

    摘要: 我们在开发过程中经常会遇到通过js获取或者改变DOM元素的样式,方法有很多,比如:通过更改DOM元素的class.现在我们讨论原生js来获取DOM元素的CSS样式,注意是获取不是设置 在开始之 ...

  4. Vue 获取元素样式 元素高度

    看到这个问题我第一时间想的竟然是JS 不知道你是怎么想的 不过昨天有一个小哥哥 问我一个Vue的 哈哈哈 get了 我当时问他为什么不用JS获取 他说 这个性能更高 那我们来看看这个高性能的获取元素高 ...

  5. （转载）记录函数 getStyle() 获取元素 CSS 样式

    设置元素(element)的css属性值可以用element的style属性,例如要将element的背景色设置为黑色,可以这么做: element.style.backgroundColor = ' ...

  6. Js获取元素样式值(getComputedStyle&currentStyle)兼容性解决方案

    因为:style(document.getElementById(id).style.XXX)只能获取元素的内联样式,内部样式和外部样式使用style是获取不到的. 一般js获取内部样式和外部样式使用 ...

  7. js学习笔记7----return，arguments及获取元素样式

    1.return:返回值 1)函数名+括号:fn() ===> return; 2) 所有函数默认返回值:undefind; 3) return后面所有的代码都不会执行; 2.arguments ...

  8. 获取元素样式 currentStyle 和 getcomputedStyle

    场景 你要获取某一元素的样式,可是没有获取到,返回的值为undefined,可是有时候又能成功? 为什么? 因为,xx.stly.xxx 可以获取的样式信息,是dom元素style属性里的样式,对于通 ...

  9. JS常用方法（获取Class、获取元素样式、事件监听、cookie、ajax等）

    var Util = {}; Util.byClass = function (oClass) {//全局获取 var tags = document.all ? document.all : doc ...

随机推荐

  1. Deep Learning 在中文分词和词性标注任务中的应用

    开源软件包 SENNA 和 word2vec 中都用到了词向量(distributed word representation),当时我就在想,对于我们的中文,是不是也类似地有字向量(distribu ...

  2. 浅析I/O模型及其设计模式

    前言 I/O在软件开发中的重要性无需多言,无论是在操作系统.网络协议.DBMS这种底层支撑软件还是在移动APP,大型网站服务器等应用软件的开发中都是最核心最重要的部分.特别是现在软件服务使用量和数据量 ...

  3. 妹味6：ajax与ajax封装

    (功能)ajax能且仅能 从服务器读取文件 (环境)需要服务器环境才能测试,可以用工具建立本地服务器环境 (缓存)解决缓存问题:url加时间戳让每次请求地址唯一,如 url='abc.txt?t='+ ...

  4. UWP开发入门（十一）——Attached Property的简单应用

    UWP中的Attached Property即附加属性,在实际开发中是很常见的,比如Grid.Row: <Grid Background="{ThemeResource Applica ...

  5. IOS开发UI基础 UIAlertView的属性

    UIAlertView1.Title获取或设置UIAlertView上的标题. 2.Message获取或设置UIAlertView上的消息 UIAlertView *alertView = [[UIA ...

  6. Redis设计与实现-主从、哨兵与集群

    主从 从机使用slaveof 命令来复制主机的缓存数据,包括同步sync与命令传播两个操作: 从机同步sync命令给主机,主机收到后执行需要耗费大量cpu.内存和磁盘IO资源的bgsave命令来生成r ...

  7. 个人阅读作业Week17

      个人阅读作业Week17 reading buaa software   解决的问题 这是提出问题的博客链接:http://www.cnblogs.com/SivilTaram/p/4830893 ...

  8. Sprint Three 回顾与总结&发表评论&团队贡献分

    ● 一.回顾与总结 (1)回顾 燃尽图: Sprint计划-流程图: milestones完成情况如下: (2)总结 从sprint one到three,我们团队配合十分默契,互相帮助,虽然遇到了不少 ...

  9. PHP入门：在Windows中安装PHP工作环境

    PHP入门:在Windows系统中分别安装PHP工作环境 一.什么是LAMP? Linux+Apache+Mysql+Perl/PHP/Python一组常用来搭建动态网站或者服务器的开源软件,本身都是 ...

  10. ASP.NET 取得 Uri 各项属性值

    Uri uri = new Uri("http://www.yoercn.com/aboutus/idea.html");string Host = uri.Host;       ...