62,041
社区成员
发帖
与我相关
我的任务
分享hookee 能不能继续浓缩下面的代码，我希望能了解更多，灵活一点
<script>
var $ = function(element) {
//如果是字符串，就取以该字符串为ID的扩展对象；
//如果是对象，直接返回扩展对象
return $.prototype.extend(typeof element == 'string' ? document.getElementById(element) : element, $.prototype);
};
var fn = $.prototype =
{
//实现简单继承功能
extend: function(dest, source) {
for (var i in source) dest[i] = source[i];
return dest;
}
}
window.onload=function(){
alert($("p"))
}
</script>
<div id="p"></div>
...全文
请发表友善的回复…
发表回复
街头小贩 2010-01-01
- 打赏
- 举报
进来看偶象
antony1029 2010-01-01
- 打赏
- 举报
帮顶！
wuyq11 2010-01-01
- 打赏
- 举报
这种代码已够简化了
silentwins 2010-01-01
- 打赏
- 举报
plglenn mm元旦还努力学习啊？
家里的机器，没环境，只帮顶，不掺和！
家里的机器，没环境，只帮顶，不掺和！
plglenn35 2010-01-01
- 打赏
- 举报
全文如下
：
：
//===============================================
// 简易框架
//===============================================
//获得框架扩展对象
var $ = function(element) {
//如果是字符串，就取以该字符串为ID的扩展对象；
//如果是对象，直接返回扩展对象
return fn.extend(typeof element == 'string' ? document.getElementById(element) : element, fn);
};
//创建扩展对象
$.create = function(elementType) {
return $(typeof elementType == 'string' ? document.createElement(elementType) : elementType);
}
var fn = $.prototype =
{
//实现简单继承功能
extend: function(dest, source) {
for (var i in source) dest[i] = source[i];
return dest;
},
//为对象增加css样式
css: function(style) {
this.extend(this.style, style);
return this;
},
//使对象居中显示
//offset{left:xxx,top:xxx}的JSON表达式，表示在居中基础上的编移量
center: function(offset) {
this.css({
left: (this.parentNode.clientWidth - this.clientWidth) / 2 + (offset ? offset.left : 0) + 'px',
top: (this.parentNode.clientHeight - this.clientHeight) / 2 + (offset ? offset.top : 0) + 'px'
});
return this;
},
//获得或设置对象内的内容
html: function(html) {
if (html) {
this.innerHTML = html;
return this;
}
return this.innerHTML;
},
//将对象增加到父元素内
//parentElement为父元素
appendTo: function(parentElement) {
parentElement.appendChild(this);
return this;
},
//闪烁
//interval为闪烁的间隔时间，单位毫秒
shine: function(interval) {
this.css({ display: this.style.display == 'none' ? '' : 'none' });
var me = this;
setTimeout(function() { me.shine(interval); }, interval);
}
}
<!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=gb2312" />
<title>简单框架示例</title>
<style type="text/css">
html { height: 100%;}
body {height: 100%;}
</style>
</head>
<body>
</body>
</html>
<script type="text/javascript">
window.onload = function () {
$(document.body).css({ backgroundColor: 'black' });
happyNewYear();
}
function happyNewYear() {
var shadowCss = {position:'absolute',left:'104px',top:'25px',fontSize:'160px',fontWeight:'bold',color:'yellow'};
var textCss = {position:'absolute',left: '100px',top:'20px',fontSize:'160px',fontWeight:'bold',color: 'Red'};
$.create('div').html('新年快乐').css(shadowCss).appendTo(document.body).center({ left: -4, top: -4 }).shine(300);
$.create('div').html('新年快乐').css(shadowCss).appendTo(document.body).center({ left: 4, top: 4 }).shine(300);
$.create('div').html('新年快乐').css(textCss).appendTo(document.body).center();
}
</script>plglenn35 2010-01-01
- 打赏
- 举报
var fn = $.prototype =
{
//实现简单继承功能
extend: function(dest, source) {
for (var i in source) dest[i] = source[i];
return dest;
}
}
=》
$.prototype =
{
//实现简单继承功能
extend: function(dest, source) {
for (var i in source) dest[i] = source[i];
return dest;
}
}
{
//实现简单继承功能
extend: function(dest, source) {
for (var i in source) dest[i] = source[i];
return dest;
}
}
=》
$.prototype =
{
//实现简单继承功能
extend: function(dest, source) {
for (var i in source) dest[i] = source[i];
return dest;
}
}
plglenn35 2010-01-01
- 打赏
- 举报
var $ = function(element) {
//如果是字符串，就取以该字符串为ID的扩展对象；
//如果是对象，直接返回扩展对象
return $.prototype.extend(typeof element == 'string' ? document.getElementById(element) : element, $.prototype);
};
var fn = $.prototype =
{
//实现简单继承功能
extend: function(dest, source) {
for (var i in source) dest[i] = source[i];
return dest;
}
}
var $ = function(element) {
//如果是字符串，就取以该字符串为ID的扩展对象；
//如果是对象，直接返回扩展对象
return $.prototype.extend(typeof element == 'string' ? document.getElementById(element) : element, $.prototype);
};
var $.prototype =
{
//实现简单继承功能
extend: function(dest, source) {
for (var i in source) dest[i] = source[i];
return dest;
}
}
这样也对么
//如果是字符串，就取以该字符串为ID的扩展对象；
//如果是对象，直接返回扩展对象
return $.prototype.extend(typeof element == 'string' ? document.getElementById(element) : element, $.prototype);
};
var fn = $.prototype =
{
//实现简单继承功能
extend: function(dest, source) {
for (var i in source) dest[i] = source[i];
return dest;
}
}
var $ = function(element) {
//如果是字符串，就取以该字符串为ID的扩展对象；
//如果是对象，直接返回扩展对象
return $.prototype.extend(typeof element == 'string' ? document.getElementById(element) : element, $.prototype);
};
var $.prototype =
{
//实现简单继承功能
extend: function(dest, source) {
for (var i in source) dest[i] = source[i];
return dest;
}
}
这样也对么
