Exemple d'utilisation de l'attribut Disabled des compétences hyperlink

Exemple d'utilisation de l'attribut Disabled des compétences hyperlink_javascript

WBOY

Libérer： 2016-05-16 16:40:43

original

2740 Les gens l'ont consulté

Vous pouvez définir l'attribut Désactivé du lien hypertexte sur vrai et faux pour déterminer si le lien hypertexte peut être cliqué

Par exemple :

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

Copier après la connexion

Ce qui précède signifie que vous ne voulez pas que le lien hypertexte de Baidu prenne effet, mais si vous ne faites aucune restriction ou jugement sur le clic, il passera naturellement à la page Baidu lorsque vous cliquerez sur Baidu. attribut des hyperliens en HTML bug
Vous pouvez ajouter les contraintes js suivantes pour déterminer si le lien hypertexte peut être utilisé

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

Copier après la connexion

Les solutions de bugs suivantes fournies par Microsoft :

À l'aide de variables globales, utilisez d'autres boutons pour modifier l'attribut désactivé afin d'obtenir l'effet de désactiver l'attribut.;

BUG : l'attribut DISABLED ne désactive plus les hyperliens
Bien que l'attribut DISABLED soit défini sur True, un lien hypertexte se trouve dans ce qui suit
Où voulez-vous aller aujourd'hui ? 🎜> L'utilisateur peut toujours cliquer sur le lien hypertexte et Internet Explorer accède à la page sélectionnée.

Pour résoudre ce problème, définissez l'événement onclick du lien hypertexte pour qu'il renvoie vrai ou faux en fonction du contexte d'exécution actuel. Le code suivant définit la valeur d'une variable Microsoft JScript globale sur true ou false , en fonction du clic sur le bouton. La propriété DISABLED de l'objet lien hypertexte cible est mise à jour afin qu'il puisse communiquer correctement son état désactivé aux autres objets et fonctionnalités de script sur la page.

<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>

Copier après la connexion