亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

關于DOM 0級事件處理程序

關于DOM 0級事件處理程序

朝花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>無標題文檔</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"); ?//獲取被點擊的this的鏈接地址 zhanweifu.setAttribute("src",a); ?//把占位符的src地址改為a var ppp=document.getElementById("ppp").innerHTML=a; } } }window.onload=src;頭疼,如何取消a標簽的默認跳轉行為呢?我試過將return false放在函數內都不行.
查看完整描述

1 回答

已采納
?
OlderSkee

TA貢獻123條經驗 獲得超103個贊

<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) 就是取消默認跳轉


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這個事件,

//this指向的才是事件源。?

?//另外,你需要重新用alt屬性來獲得連接 。
? ? ? ? ? ?var a=this.getAttribute("alt"); ?//獲取被點擊的this的鏈接地址

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

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

? ? ? ?}
? ?}
}

查看完整回答
2 反對 回復 2016-09-14
  • 1 回答
  • 0 關注
  • 1323 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號