html开始就执行某函数,立即执行函数.html

立即执行函数，可做框架

(function(w,d){

var readyRE=/loaded|complete|interactive/;//检测网页是否加载完成的与正则表达式

// var $=function(obj){

// return selector(obj);

// }

//检测选择器是ID，还是CLASS，还是TAG

//还可以在参数中再加一个参数用来指定要选取那个DOM下的子DOM

var $=function selector(obj,parent){

if(parent){

d=$(parent);

}

obj=obj.split(" ");

if(obj.length===1){

obj=obj[0];

}

var idSelector=/#\w+/i;

var claSelector=/\.\w+/i;

var tagSelector=/\w+/i;

var dom;

if(idSelector.test(obj)){

//alert("id:"+obj)

obj=obj.replace("#","");

dom = d.getElementById(obj);

}else if(claSelector.test(obj)){

//alert("class:"+obj)

obj=obj.replace(".","");

dom = d.getElementsByClassName(obj);

}else if(tagSelector.test(obj)){

//alert('tag:'+obj)

obj=obj.replace("#","");

dom = d.getElementsByTagName(obj);

}

if(!dom.length){

dom.css=function(sty,set){

css(this,sty,set)

};

dom.html=function(string){

html(this,string);

}

dom.click=function(callback){

click(this,callback)

}

}else{

for(var i=0; i

dom[i].css=function(sty,set){

css(this,sty,set);

}

dom[i].html=function(string){

html(this,string);

}

dom[i].click=function(){

click(this)

}

}

}

return dom;

}

//表示网页已加载完成

//callback:function|网页加载完成的回调函数，相当于window.onload

$.ready = function ready(callback) {

if (readyRE.test(document.readyState)) {

//$.write('leoxie')//这里可以添加UI代码

callback($);

} else {

document.addEventListener('DOMContentLoaded', function() {

//$.write('leoxie')//这里可以添加UI代码

callback($);

}, false);

}

return this;

};

//===========事件=============

function click(obj,callback){

obj.οnclick=function(){callback()}

}

//===========样式======================

//获取或设置style的值

//dom:obj|用$(obj)获取到的元素

//sty:string|要设置或获取的属性

//set:stirng|要设置的值(选填)

function css(dom,sty,set){

//获取当前元素样式

var yangshi;

if(dom.currentStyle){

yangshi=dom.currentStyle;

//alert(box.currentStyle);

}else{

yangshi=getComputedStyle(dom,false);

}

//判断函数参数个数来决定使用方法

if(!set){

return yangshi[sty];

}else{

dom.style[sty]=set;

}

}

//===================元素内容===================

//获取元素的innerHMTL

//obj:obj|用$(obj)获取到的元素

//string:string|要设置的内容(选填)

function html(obj,string){

if(string){

obj.innerHTML=string;

}else{

//有一个问题，不能返回内容，稍后再DEBUG

return obj.innerHTML;

}

}

//============库详细==============

$.version="1.0";

$.author="谢濛";

w.$=$;

})(window,document)

.ll{

border:1px solid gray;

}

leo

ldo

adslkf

我是一个人

xie

meng

yes

一键复制

编辑

Web IDE

原始数据

按行查看

历史