Contoh penggunaan atribut Disabled bagi kemahiran hyperlink

Contoh penggunaan atribut Disabled bagi kemahiran hyperlink_javascript

WBOY

Lepaskan： 2016-05-16 16:40:43

asal

2733 orang telah melayarinya

Anda boleh menetapkan atribut Dilumpuhkan hiperpautan kepada benar dan palsu untuk menentukan sama ada hiperpautan boleh diklik

Contohnya:

<a herf='http://www.baidu.com' onclick='return click(this);' disabled='ture'>bai du</a>

Salin selepas log masuk

Perkara di atas bermakna anda tidak mahu hiperpautan Baidu berkuat kuasa, tetapi jika anda tidak membuat sebarang sekatan atau pertimbangan pada klik, ia secara semula jadi akan melompat ke halaman Baidu apabila anda mengklik Baidu. Ini adalah orang kurang upaya atribut hiperpautan dalam pepijat HTML
Anda boleh menambah kekangan js berikut untuk menentukan sama ada hiperpautan boleh digunakan

<script language='javascript'> 
function click(obj) 
{ 
if(obj.disabled) 
{ 
return false; 
} 
return ture; 
} 
</script>

Salin selepas log masuk

Penyelesaian pepijat berikut disediakan oleh Microsoft:

Dengan bantuan pembolehubah global, gunakan butang lain untuk menukar atribut yang dilumpuhkan untuk mendapatkan kesan melumpuhkan atribut.;

BUG: Atribut DISABLED tidak lagi melumpuhkan hiperpautan
Walaupun atribut DISABLED ditetapkan kepada True hyperlink berada dalam
berikut Ke mana anda mahu pergi hari ini? 🎜> Pengguna masih boleh mengklik hiperpautan dan Internet Explorer menavigasi ke halaman yang dipilih.

Untuk menyelesaikan isu ini, tetapkan acara onclick hiperpautan untuk mengembalikan benar atau salah berdasarkan konteks pelaksanaan semasa. Kod berikut menetapkan nilai pembolehubah Microsoft JScript global kepada benar atau salah , bergantung pada klik butang. Sifat DISABLED objek hiperpautan sasaran dikemas kini supaya ia boleh menyampaikan keadaan dilumpuhkannya kepada objek lain dan kefungsian skrip pada halaman.

<html> 
<head> 
<title>Workaround for DISABLED Attribute Problem</title> 
<SCRIPT> 
var canNav = false; 
function canNavigate() { 
return canNav; 
} 
function load() { 
document.all("btn1").innerText = "Link status == " + canNav; 
} 

function setNavigate(linkObj, canNavParam) { 
if (linkObj != null) { 
if (canNavParam == false) { 
linkObj.disabled = true; 
} else { 
linkObj.disabled = false; 
} 
canNav = canNavParam; 
} 
} 

function updateBtnStatus(btnName) { 
var btn = document.all(btnName); 
if (btn != null) { 
document.all(btnName).innerText = "Link status == " + canNav; 
} 
} 
</SCRIPT> 

</head> 
<body onload="load();"> 
<a id="lnk1" disabled=true href="http://www.microsoft.com/" rel="external nofollow" rel="external nofollow" onclick="return canNavigate();">Click here</a><p> 
<button id=btn1 onclick="setNavigate(document.all('lnk1'), !(canNav));updateBtnStatus('btn1');"> 
</button> 
</body> 
</html>

Salin selepas log masuk