2017-02-21 8 views
3

を動作していませんHTMLを介してこれを行う:HTMLリンクは、私は基本的にW3Schoolからこれを実装した

<script type="text/javascript" src="accordion.js"></script> 

私はこれを修正し、なぜそれができなかったのか説明するために何ができるか教えてください仕事?

+0

JSファイルはHTMLファイルと同じディレクトリにありますか? – Steveo

+1

bodyの直前にスクリプトを追加するか、window.addEventListener( 'load'、function(){})を追加してください。 –

+1

scriptタグは本体の後ろにありますか? –

答えて

1

エラーの種類によっては、JSファイルが同じディレクトリにない可能性があります。ただ、コメントで与えられた答えに少しより多くを追加する

2

Load and execution sequence of a web page?

ここでは、件名に長い答えです。

しかし、単純化すれば、HTMLの解析は同期的です。ブラウザは、彼があなたのケースでは、javascript経由DOMにアクセスする前に、HTMLを解析する必要があります。理由はそれ
var acc=document.getElementsByClassName("accordion");

を、そしてあなたが持っていたようなバグを防ぐためにjQueryから$(document).ready()は非常に有名であることを、https://learn.jquery.com/using-jquery-core/document-ready/

関連する問題