日期:2014-05-16 浏览次数:20287 次
摘抄分享三个比较有用的JS代码,希望对大家有用:
1. 根据class获取元素集合
?
function getElementsByClassName(fatherId,tagName,className){ node = fatherId&&document.getElementById(fatherId) || document; tagName = tagName || "*"; className = className.split(" "); var classNameLength = className.length; for(var i=0,j=classNameLength;i<j;i++){ //创建匹配类名的正则 className[i]= new RegExp("(^|\\s)" + className[i].replace(/\-/g, "\\-") + "(\\s|$)"); } var elements = node.getElementsByTagName(tagName); var result = []; for(var i=0,j=elements.length,k=0;i<j;i++){//缓存length属性 var element = elements[i]; while(className[k++].test(element.className)){//优化循环 if(k === classNameLength){ result[result.length] = element; break; } } k = 0; } return result; }?
?
2. 文档加载完成后启动事件
?
function addLoadEvent(func){ var oldOnLoad = window.onload; if(typeof window.onload!= 'function'){ window.onload=func; }else{ window.onload = function (){ oldOnLoad(); func(); } } }
?那么我们可以这样使用
function smile(){ window.alert("smile"); } addLoadEvent(smile);?
?
3. 加载外部JS文件
function loadScript(url){ var elem = document.createElement("script"); elem.setAttribute("src",url); elem.setAttribute("type","text/javascript"); document.getElementsByTagName("body")[0].appendChild(elem); }?
?
圣优销售培训