js常用脚本函数

                     
           共享onload函数:
                                 只有一个函数时:
                                             window.οnlοad=function(){firstFunction();}
                                 多个函数时:
                                               function addloadEvent(func){
                                                     var οnlοad=window.onload;
                                                       if(typeof window.onload!='function'){
                                                            window.οnlοad=func;}
                                                      else               
                                                       { window.οnlοad=function(){
                                                                 oldonload();
                                                                  func();
                                                 }
                                          }
                          }

   insertAfter函数
             function insertAfter(newElement,targetElement){
                    var parent=targrtElement.parentNode;
                   if(parent.lastChild==targrtElement){
                           parent.appendChild(newElement);
                      }else{
                                 parent.insertBefore(newElement,targrtElement.nextSibling);
                       }
            }
        简单的弹窗   
               window.οnlοad=function (){
if (!document.getElementsByTagName()) return false;
var link=document.getElementsByTagName("a");
for(i=0;i<=link.length;i++){
if(link[i].getAttribute("class")=="popUp"){
link[i].οnclick=function (){
popUp(this.getAttribute("href"));
return false;
}
}
}
}
function popUp(winURL){
window.open(winURL,"pop","width=320,height=160");
}
          图片库
js常用脚本函数 - 妖孽 - 妖孽
 
实现简单的图片库代码如下。
function showpic(whichpic) { if (!document.getElementById("placeholder")) return false; var placeholder = document.getElementById("placeholder"); var source = whichpic.getAttribute("href"); placeholder.setAttribute("src", source); var text = whichpic.getAttribute("title"); if (document.getElementById("description")) { var description = document.getElementById("description"); description.firstChild.nodeValue = text; } } function prepareGallery() { if (!document.getElementsByTagName) return false; if (!document.getElementById) return false; if (!document.getElementById("imagegallery")) return false; var gallery = document.getElementById("imagegallery"); var link = gallery.getElementsByTagName("a"); for (var i = 0; i < link.length; i++) { link[i].onclick = function() { showpic(this); return false; } } } function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { oldonload(); func(); } } } addLoadEvent(prepareGallery);


















转载于:https://www.cnblogs.com/echo-yaonie/p/4316723.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值