實(shí)例說(shuō)明為什么不要行內(nèi)使用javascript

2024-05-06 16:04:18

字體：大中小

供稿：網(wǎng)友

不要行內(nèi)寫(xiě)js是因?yàn)檫@樣很不安全，因?yàn)橛没鸷膄irebug可以輕松讓代碼失效，下面告訴大家為什么

很多人都曾經(jīng)這么使用Javascript

復(fù)制代碼代碼如下:

上面的代碼，很方便使用，所有瀏覽器都支持

雖然我很早就看過(guò)一些書(shū)，說(shuō)html，css，js分開(kāi)來(lái)，比較容易維護(hù)，但是我貪圖方面，還是經(jīng)常這么寫(xiě)，不過(guò)我今天用火狐調(diào)試的時(shí)候發(fā)現(xiàn)，還是不要行內(nèi)寫(xiě)了，因?yàn)檫@樣很不安全，因?yàn)橛没鸷膄irebug可以輕松讓代碼失效！

下面看一下為什么：

復(fù)制代碼代碼如下:

<html>
<head>
<script>
function al()
{
alert("good");
}
</script>
</head>
<body>
<a href="#">保存</a>
</body>
</html>

上面的代碼是點(diǎn)擊標(biāo)簽彈出對(duì)話框

效果如圖：

但是如果我在火狐里面找到a標(biāo)簽并把里面的js代碼去掉的話，在單擊a標(biāo)簽就不會(huì)彈出對(duì)話框了，如下圖

所以假如你這個(gè)單擊事件是判斷用戶輸入數(shù)據(jù)是否合法的話，那么就無(wú)法判斷了

本人是做asp.net的，今天就發(fā)現(xiàn)這個(gè)問(wèn)題，因?yàn)閍sp.net服務(wù)器控件，有兩個(gè)單擊事件，一個(gè)前臺(tái)一個(gè)后臺(tái)的，我用前臺(tái)的單擊事件判斷用戶的輸入數(shù)據(jù)，合法的話調(diào)用后臺(tái)事件，結(jié)果用火狐調(diào)試，就發(fā)現(xiàn)了上面介紹的現(xiàn)象，即使數(shù)據(jù)不合法也直接調(diào)用后臺(tái)方法了，也許我這個(gè)不是什么技術(shù)，不過(guò)我為自己發(fā)現(xiàn)這個(gè)問(wèn)題而高興，特此發(fā)文章分享一下，哈哈

解決方法：

給a標(biāo)簽個(gè)id ，如下面就可以了

復(fù)制代碼代碼如下:

<a href="#">保存</a>
<script>
document.getElementById("a1").onclick=function(){}
</script>

上一篇：禁用Tab鍵JS代碼兼容Firefox和IE

下一篇：用jquery仿做發(fā)微博功能示例