recherche

Maison >interface Web >js tutoriel >Exemple d'utilisation de l'attribut Disabled des compétences hyperlink_javascript

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

WBOY
WBOYoriginal
2016-05-16 16:40:432773parcourir

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>

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>

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
539511732eabae7e2bb6b9581414c45fOù voulez-vous aller aujourd'hui ?5db79b134e9f6b82c0b36e0489ee08ed 🎜> 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>
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Implémentation de l'affichage de pagination avec des rendus basés sur Jquery Ajax Json_jqueryArticle suivant：Implémentation de l'affichage de pagination avec des rendus basés sur Jquery Ajax Json_jquery

Articles Liés

Voir plus