hyperlink_javascriptスキルのDisabled属性の使用例-jsチュートリアル-php.cn

hyperlink_javascriptスキルのDisabled属性の使用例

WBOY

リリース： 2016-05-16 16:40:43

オリジナル

2732 人が閲覧しました

ハイパーリンクの 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 に設定されていますが、ハイパーリンクは次の
にあります。今日はどこに行きますか? 🎜> ユーザーは引き続きハイパーリンクをクリックすることができ、Internet Explorer は選択したページに移動します。

この問題を解決するには、現在の実行コンテキストに基づいて true または false を返すようにハイパーリンクの onclick イベントを設定します。次のコードは、ボタンのクリックに応じて、グローバル Microsoft JScript 変数の値を true または false に設定します。ターゲットハイパーリンクオブジェクトの DISABLED プロパティが更新され、その無効状態をページ上の他のオブジェクトおよびスクリプト機能に適切に伝達できるようになります。

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

ログイン後にコピー