超鏈接的禁用屬性Disabled使用示例
可以設(shè)置超鏈接的Disabled屬性的true 和 false來(lái)確定超鏈接是不是能點(diǎn)擊
例如:
<a herf='http://www.baidu.com' onclick='return click(this);' disabled='ture'>bai du</a>
上面的意思是不想讓bai du的超鏈生效,但在click不做任何約束和判斷的話,但點(diǎn)擊bai du的時(shí)候自然就會(huì)跳轉(zhuǎn)到百度頁(yè)面,這就是html中超鏈接禁用屬性的bug
可以添加下面js約束來(lái)判斷超鏈接是否可以使用
<script language='javascript'> function click(obj) { if(obj.disabled) { return false; } return ture; } </script>
下面的微軟給出的bug解決方案:
借助了全局變量,使用別的按鈕來(lái)改變disabled的屬性,來(lái)得到禁用屬性的效果.;
BUG: DISABLED 屬性不在禁用超鏈接
盡管 DISABLED 屬性設(shè)置為 True 一個(gè)超鏈接為在以下,
<a DISABLED="true" rel="external nofollow" rel="external nofollow" >Where do you want to go today?</a>
用戶仍可以單擊超鏈接,然后 Internet Explorer 導(dǎo)航到所選頁(yè)。
若要解決此問(wèn)題,設(shè)置返回 true 或 false 根據(jù)當(dāng)前的執(zhí)行上下文的超鏈接的 onclick 事件。 在下面的代碼將全局的 Microsoft JScript 變量的值設(shè)置為 true 或 false ,根據(jù)按鈕單擊中。 目標(biāo)超鏈接對(duì)象的 DISABLED 屬性被更新,以便它能夠正確通信其禁用的狀態(tài),其他對(duì)象并編寫(xiě)腳本頁(yè)上的功能。
<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 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>
相關(guān)文章
javascript 實(shí)現(xiàn)的多瀏覽器支持的貪吃蛇webgame
兼容FF IE的javascript版貪吃蛇游戲,非常厲害的高手。2008-01-01JS實(shí)現(xiàn)顏色動(dòng)態(tài)淡化效果
本文主要介紹了JS實(shí)現(xiàn)顏色動(dòng)態(tài)淡化效果的實(shí)例,具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03設(shè)置點(diǎn)擊文本框或圖片彈出日歷控件的實(shí)現(xiàn)代碼
下面小編就為大家?guī)?lái)一篇設(shè)置點(diǎn)擊文本框或圖片彈出日歷控件的實(shí)現(xiàn)代碼。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考,一起跟隨小編過(guò)來(lái)看看吧2016-05-05JavaScript編寫(xiě)一個(gè)簡(jiǎn)易購(gòu)物車功能
這篇文章主要為大家詳細(xì)介紹了JavaScript簡(jiǎn)易購(gòu)物車功能的編寫(xiě)代碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09關(guān)于Stream和Buffer的相互轉(zhuǎn)換詳解
這篇文章主要給大家介紹了關(guān)于Stream和Buffer相互轉(zhuǎn)換的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-07-07js實(shí)現(xiàn)瀑布流效果(自動(dòng)生成新的內(nèi)容)
本文主要介紹了js實(shí)現(xiàn)瀑布流效果:當(dāng)滾動(dòng)條接近底部會(huì)自動(dòng)生成新的內(nèi)容。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03js實(shí)現(xiàn)下拉列表選中某個(gè)值的方法(3種方法)
這篇文章主要介紹了js實(shí)現(xiàn)下拉列表選中某個(gè)值的方法,涉及JavaScript針對(duì)select下拉列表選擇操作的相關(guān)技巧,需要的朋友可以參考下2015-12-12淺談JavaScript 數(shù)據(jù)屬性和訪問(wèn)器屬性
下面小編就為大家?guī)?lái)一篇淺談JavaScript 數(shù)據(jù)屬性和訪問(wèn)器屬性。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09