2012-02-04 Logs

最新推荐文章于 2025-05-05 14:12:43 发布

iteye_20503

最新推荐文章于 2025-05-05 14:12:43 发布

阅读量124

点赞数

分类专栏： javascript 文章标签： xhtml javascript ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_20503/article/details/82274153

版权

javascript 专栏收录该内容

13 篇文章

订阅专栏


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Pragma" content="no-cache"/>
<title>extjs</title>
<link href="extjs4/resources/css/ext-all.css" rel="stylesheet"  />
<!--<script type="text/javascript" src="extjs4/ext-all-debug.js"></script>
<script type="text/javascript" src="extjs4/locale/ext-lang-zh_CN.js"></script>-->
<!--<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>-->
<style>
.box{
	background:#CCC;
	height:50px;
}
</style>
<script>
window.onload = function(){
		function _$(el){
			return new _$core(el);
		}
		function _$core(){
			var global = this;
			global.selector = arguments[0]
			global.dom = function(){
				return document.getElementById(global.selector);
			}
			global.addClass = function(cls){
				global.dom().className = cls;
				return global;
			}
			global.css = function(css){
				var _style = css;
				for(attr in _style){
					eval('global.dom().style.'+ attr +' = "'+ _style[attr] +'" ')// 这里先忽略 javascript中的 css属性 和 css中的属性 不同的属性 
				}
				return global;
			}
		}
	_$('ext').addClass('box').css({border:'1px solid #F00',width:'200px'});	
      // console.log({name:"a"}.name);
};
</script>
</head>
<body>

	<div id="ext" style="border:1px solid #000;">Css</div>
</body>
</html>