ホームページ >ウェブフロントエンド >jsチュートリアル >hyperlink_javascriptスキルのDisabled属性の使用例
hyperlink_javascriptスキルのDisabled属性の使用例
- WBOYオリジナル
- 2016-05-16 16:40:432744ブラウズ
ハイパーリンクの Disabled 属性を true および false に設定して、ハイパーリンクをクリックできるかどうかを決定できます
例:
<a herf='http://www.baidu.com' onclick='return click(this);' disabled='ture'>bai du</a>
上記は、Baidu のハイパーリンクを有効にしたくないことを意味しますが、クリックに制限や判断を行わなければ、クリックすると自然に Baidu のページにジャンプします。これは無効です。 HTML のハイパーリンクの属性のバグ
次の JS 制約を追加して、ハイパーリンクを使用できるかどうかを決定できます
<script language='javascript'>
function click(obj)
{
if(obj.disabled)
{
return false;
}
return ture;
}
</script>
Microsoft が提供する次のバグ解決策:
グローバル変数を使用して、他のボタンを使用して無効な属性を変更し、属性を無効にした効果を取得します。;
バグ: DISABLED 属性でハイパーリンクが無効にならなくなりました
DISABLED 属性は True に設定されていますが、ハイパーリンクは次の
にあります。
539511732eabae7e2bb6b9581414c45f今日はどこに行きますか?5db79b134e9f6b82c0b36e0489ee08ed 🎜>
ユーザーは引き続きハイパーリンクをクリックすることができ、Internet Explorer は選択したページに移動します。
<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>声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。