cari

Rumah >hujung hadapan web >tutorial js >Contoh penggunaan atribut Disabled bagi kemahiran hyperlink_javascript

Contoh penggunaan atribut Disabled bagi kemahiran hyperlink_javascript

WBOY
WBOYasal
2016-05-16 16:40:432773semak imbas

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>

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>

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 539511732eabae7e2bb6b9581414c45fKe mana anda mahu pergi hari ini?5db79b134e9f6b82c0b36e0489ee08ed 🎜> 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>
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Melaksanakan paparan paging dengan rendering berdasarkan Jquery Ajax Json_jqueryArtikel seterusnya：Melaksanakan paparan paging dengan rendering berdasarkan Jquery Ajax Json_jquery

Artikel berkaitan

Lihat lagi