function?tuPian(x){
var?href,imgs,txt;
if(!document.getElementById('imgs')){return?false}
href=x.getAttribute('href');
imgs=document.getElementById('imgs');
imgs.setAttribute('src',href);
if(document.getElementsByTagName('p')){
txt=x.getAttribute('title');
p=document.getElementsByTagName('p')[0];
p.firstChild.nodeValue=txt;
}
return?true;
}
function?neiZhi(){
if(!document.getElementById||!document.getElementsByTagName)return?false;
if(!document.getElementById('aJ'))return?false;
var?aJ=document.getElementById('aJ');
var?aas=aJ.getElementsByTagName('a');
for(var?i=0;i<aas.length;i++){
aas[i].onclick=function(){
return?!tuPian(this);
}
}
}
function?addOnloadEvent(x){
var?oldOnLoad=window.onload;
if(typeof?oldOnLoad!='function'){
window.onload=x;
}else{
window.onload=function(){
oldOnLoad();
x();
}
}
}
addOnloadEvent(neiZhi);
function?afterNode(x,y){
var?w=y.parentNode;
if(y==w.lastChild){
w.appendChild(x);
}else{
w.insertBefore(x,y.nextSibling);
}
}
function?p(){
var?img=document.createElement('img');
img.id='imgs';
img.src='img/cool?(3).jpg';
var?p=document.createElement('p');
p.innerHTML='這是圖片的描述';
var?aJ=document.getElementById('aJ');
afterNode(p,aJ);
afterNode(img,aJ);
}
addOnloadEvent(p);<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>js的藝術(shù)</title>
<link?rel="stylesheet"?type="text/css"?href="css/css.css"/>
<script?src="js/js.js"?type="text/javascript"?charset="utf-8"></script>
</head>
<body>
<h1>Snapshots</h1>
<ul?id='aJ'?>
<li><a?href="img/cool?(1).png"?title="摩登時(shí)代"><img?src="img/cool?(1).png"?/></a></li>
<li><a?href="img/cool?(2).gif"?title="城市風(fēng)光"><img?src="img/cool?(2).gif"?/></a></li>
<li><a?href="img/cool?(2).png"?title="青色元素"><img?src="img/cool?(2).png"?/></a></li>
<li><a?href="img/cool?(4).jpg"?title="唯美紅綠"><img?src="img/cool?(4).jpg"?/></a></li>
</ul>
</body>
</html>html,body,ul{
margin:?0;
padding:?0;
font-size:?18px;
}
h1{
margin-left:?20px;
transition:?all?1s;?
}
ul{
list-style:?none;
}
li,img{
display:?inline-block;
margin:?10px;
}
a{
text-decoration:?none;
color:?black;
font-family:?arial;
}
p{
margin-left:?80px;
}
#imgs{
width:?290px;
height:?290px;
border:?5px?solid?gainsboro;
box-shadow:?5px?5px?rgba(0,?0,?0,?.6);
}
li>a>img{
width:?50px;
height:?50px;
}上面是全部代碼 ?里面有一個(gè)function addOnloadEvent(x){}函數(shù) 是用進(jìn)行window.onload同時(shí)執(zhí)行的；?addOnloadEvent(neiZhi);這個(gè)調(diào)用是觸發(fā)圖片切換函數(shù)；addOnloadEvent(p);這個(gè)是創(chuàng)建一個(gè)img 和p標(biāo)簽的；顯然window.onload的執(zhí)行順序不是從上到下， 他們的邏輯順序什么？
多個(gè)onload他們執(zhí)行的順序是什么？
清風(fēng)流光
2017-04-21 05:12:50
