首頁猿問關(guān)于DOM 0級(jí)事件處理程序

關(guān)于DOM 0級(jí)事件處理程序

JavaScript

朝花bu夕拾 2016-09-14 16:53:02

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>無標(biāo)題文檔</title></head><body>? ?<div>? ? ?<ul>? ? ? ? <li><a href="imaget/1.jpg" title="圖片1">圖片1</a></li>? ? ? ? <li><a href="imaget/2.jpg" title="圖片2">圖片2</a></li>? ? ? ? <li><a href="imaget/3.jpg" title="圖片3">圖片3</a></li>? ? ? ? <li><a href="imaget/4.jpg" title="圖片4">圖片4</a></li>? ? ?</ul>? ?</div>? <div>? ? <img src="imaget/6.jpg" id="zhanweifu" />? </div>?<div>? ?<p id="ppp">這里替換</p>?</div>?<script type="text/javascript" src="spr.js"></script></body></html>以上的HTML部分,JS如下;function src(){ var a=document.getElementsByTagName('a'); for(var i=0;i<a.length;i++){ a[i].onclick=function(x){ var zhanweifu=document.getElementById("zhanweifu"); var a=x.getAttribute("href"); ?//獲取被點(diǎn)擊的this的鏈接地址 zhanweifu.setAttribute("src",a); ?//把占位符的src地址改為a var ppp=document.getElementById("ppp").innerHTML=a; } } }window.onload=src;頭疼，如何取消a標(biāo)簽的默認(rèn)跳轉(zhuǎn)行為呢？我試過將return false放在函數(shù)內(nèi)都不行.

查看完整描述

1 回答

已采納

OlderSkee

TA貢獻(xiàn)123條經(jīng)驗(yàn) 獲得超103個(gè)贊

<div>
? ?<ul>
? ? ? ?<li><a href="javascript:void(0)" alt="images/01.jpg" title="圖片1">圖片1</a></li>
? ? ? ?<li><a href="javascript:void(0)" alt="images/02.jpg" title="圖片2">圖片2</a></li>
? ? ? ?<li><a href="javascript:void(0)" alt="images/03.jpg" title="圖片3">圖片3</a></li>
? ? ? ?<li><a href="javascript:void(0)" alt="images/04.jpg" title="圖片4">圖片4</a></li>
? ?</ul>
</div>

//javascript:void(0) 就是取消默認(rèn)跳轉(zhuǎn)

function src(){
? ?var a=document.getElementsByTagName('a');

? ?for(var i=0;i<a.length;i++){

? ? ? ?a[i].onclick=function(){

? ? ? ? ? ?var zhanweifu=document.getElementById("zhanweifu");
?
//這里你需要用this.而不是x來控制獲取的。 x 是指的事件，在這里是指onclick這個(gè)事件，
//this指向的才是事件源。?
?//另外，你需要重新用alt屬性來獲得連接。
? ? ? ? ? ?var a=this.getAttribute("alt"); ?//獲取被點(diǎn)擊的this的鏈接地址

? ? ? ? ? ?zhanweifu.setAttribute("src",a); ?//把占位符的src地址改為a

? ? ? ? ? ?var ppp=document.getElementById("ppp")
? ? ? ? ? ? ? ? ? ?ppp.innerHTML =a;

? ? ? ?}
? ?}
}