再談javascript常見錯誤及解決方法
更新時間：2016年09月16日 12:30:11 投稿：jingxian
下面小編就為大家?guī)硪黄僬刯avascript常見錯誤及解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
初學Javascript，每天總是被很小的問題折磨半天，今晚就有好幾個小問題。
第一：全部使用雙引號造成匹配錯誤
<input type="checkbox" onmouseover="document.getElementById("test").style.display="none":"/>
改行一直報錯誤：unexpected toke “}” 檢查半天也沒有發(fā)現(xiàn)錯誤，對照發(fā)現(xiàn)視頻上是使用單引號
<input type="checkbox" onmouseover="document.getElementById('test').style.display="none":"/>
改成單引號后錯誤總算消除，困擾我一夜晚。。附上鏈接http://www.cnblogs.com/chinabc/archive/2010/11/19/1881947.html
第二：錯誤添加分號
<div id="test" class="test1" onmouseover="toYellow()" ；onmouseout="toRed()";>change</div>
多寫了一個分號，導致分號后的代碼不執(zhí)行
第三：函數(shù)名后多寫括號
<script>
function toYellow(){
document.getElementById("test").className="test2";
}
function toRed(){
document.getElementById("test").className="test1";
}
document.getElementById("test").onmouseover=toYellow（）;
document.getElementById("test").onmouseout=toRed（）;
</script>
卻掉 toYellow（）和 toRed（）后的括號后正常執(zhí)行
第四：checkbox的checked屬性修改
用三個按鈕實現(xiàn)checkbox的全選、全部選、反選。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<button id="btn">全選</button>
<button id="nobtn">全不選</button>
<button id="inverse">反選</button><br />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<script>
var btn=document.getElementById("btn");
var input=document.getElementsByTagName("input");
btn.onclick=function(){
for(var i=0;i<input.length;i++){
input[i].checked="checked";
}
}
var nobtn=document.getElementById("nobtn");
nobtn.onclick=function(){
for(var i=0;i<input.length;i++){
input[i].checked=false;
}
}
var inverse=document.getElementById("inverse");
inverse.onclick=function(){
for(var i=0;i<input.length;i++){
if(input[i].checked==false){
input[i].checked=true;
}else{
input[i].checked=false;
}
}
}
</script>
</body>
</html>
以上這篇再談javascript常見錯誤及解決方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
上次，我講了有關類型區(qū)別和傳遞的問題，現(xiàn)在，我給大家在插上一點有關類型賦值的問題。2011-07-07
前端實現(xiàn)文件的斷點續(xù)傳(前端文件提交+后端PHP文件接收)
本文通過斷點續(xù)傳的簡單例子（前端文件提交+后端PHP文件接收），本文以圖片為實例給大家介紹的非常詳細，具有一定的參考借鑒價值，感興趣的朋友一起看看吧2016-11-11
這篇文章主要介紹了原生JavaScript實現(xiàn)滾動條效果的相關資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-01-01
函數(shù)是由事件驅動的或者當它被調用時執(zhí)行的可重復使用的代碼塊。這篇文章主要介紹了Javascript基礎知識盲點總結之函數(shù)的相關資料2016-05-05
JS實現(xiàn)的網(wǎng)頁倒計時數(shù)字時鐘效果
這篇文章主要介紹了JS實現(xiàn)的網(wǎng)頁倒計時數(shù)字時鐘效果,是一款非常實用的javascript倒計時特效,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
JavaScript使用readAsDataURL讀取圖像文件
這篇文章主要為大家詳細介紹了JavaScript使用readAsDataURL讀取圖像文件的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要介紹了js靜態(tài)檢查工具eslint配置文件的相關知識，非常不錯，具有一定的參考借鑒價值，需要的朋友參考下吧2018-11-11
uniapp中每個頁面可以理解為一個單頁面組件,下面這篇文章主要給大家介紹了關于如何寫一個uniapp通用頁面組件的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-12-12
java前端javascript生成動態(tài)表格示例演示
這篇文章主要為大家介紹了java前端javascript生成動態(tài)表格的實現(xiàn)示例及演示，2022-03-03
在開發(fā)中我們經(jīng)常會遇到對于字符串的部分取舍問題，本文主要介紹了js裁剪(分隔)字符串的三種常用方法，今天我們來看看3中常用的方法來解決這個問題，感興趣的可以一起了解一下2022-02-02