js常用脚本函数
共享onload函数:
实现简单的图片库代码如下。 只有一个函数时:
window.onload=function(){firstFunction();}
多个函数时:
function addloadEvent(func){
var onload=window.onload;
if(typeof window.onload!='function'){
window.onload=func;}
else
{ window.onload=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.onload=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].onclick=function (){
popUp(this.getAttribute("href"));
return false;
}
}
}
}
function popUp(winURL){
window.open(winURL,"pop","width=320,height=160");
}
图片库
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);