あなたがJavaScriptの初心者であるとき、あなたは毎日非常に小さな問題に常に拷問され、今夜はいくつかの小さな問題があります。
最初:すべての引用符を使用して、マッチングエラーを引き起こします
<入力型= "チェックボックス" onmouseover = "document.getElementById(" test ")。style.display=" none ":"/>
エラーは、キャリアを変更するときに報告されています:予期しないtoke "}"。私は長い間チェックしましたが、エラーは見つかりませんでした。ビデオには単一の引用が満たされていることがわかりました。
<入力型= "チェックボックス" onmouseover = "document.getElementById( 'test')。style.display =" none ":"/>
単一の引用符に変更した後、エラーは最終的に排除され、一晩中私を悩ませました。 。リンクhttp://www.cnblogs.com/chinabc/archive/2010/11/19/1881947.htmlを添付してください
2番目:誤ってセミコロンを追加します
<div id = "test" onmouseover = "toyellow()"; onmouseout = "tored()";> change </div>
余分なセミコロンを書くと、セミコロンが実行されない後にコードになります
3番目:関数名の後にさらにブラケットを書きます
<script>関数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()の後にブラケットを取り外した後、通常は実行されます
4番目:チェックボックスのチェックされた属性を変更します
3つのボタンを使用して、チェックボックスの選択、選択、選択を実現します。
<!Doctype html> <html> <head> <meta charset = "utf-8"> <title> </head> <body> <button id = "btn"> select all </button> <ボタンID = "nobtn" <入力型= "チェックボックス" /> <入力タイプ= "チェックボックス" /> <入力タイプ= "チェックボックス" /> <入力タイプ= "チェックボックス" /> <入力タイプ= "チェックボックス" /> <入力タイプ= "チェックボックス" /> <入力タイプ= "チェックボックス"チェックボックス "チェックボックス"チェックボックス " /> <入力タイプ="チェックボックス " /> <入力型= "チェックボックス" /> <入力タイプ= "チェックボックス" /> <入力タイプ= "チェックボックス" /> <入力タイプ= "チェックボックス" /> <入力タイプ= "チェックボックス" /> <入力タイプ= "チェックボックス" /> <入力タイプ= "チェックボックス" /> <入力タイプ= "チェックボックス" />> <入力= "チェックボックス" var input = document.getElementsByTagname( "入力"); 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エラーとソリューションについて説明します。これは私があなたと共有したすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。