、私はそれをクリックしたときに、別のJavaScriptファイルにリンクするHTMLで書かれたボタンを取得しようとしている、問題のボタンがコードは
<input type="button" id="clickme" value="Submit" />
の下にコード化されています私は、ブラケット、コードエディタを使用しています、と私はリンクさせたいのjsファイルには、私のHTMLコードと同じプロジェクト内にある、それは事前
、私はそれをクリックしたときに、別のJavaScriptファイルにリンクするHTMLで書かれたボタンを取得しようとしている、問題のボタンがコードは
<input type="button" id="clickme" value="Submit" />
の下にコード化されています私は、ブラケット、コードエディタを使用しています、と私はリンクさせたいのjsファイルには、私のHTMLコードと同じプロジェクト内にある、それは事前
内のすべての
おかげで役立ちます場合は、ページにスクリプトをロードしてa <script>
要素。
スクリプトがロードされた状態で単純に全体を実行するのではなく、functionにコードを保存してください。
DOM内のボタンを見つけて(getElementById
など)、その機能をaddEventListener
のクリックイベントリスナーとしてバインドします。
リンクを意味する場合は、参考のためにhref
という属性を持つ<a>
(アンカー)タグを使用します。
<a href="http://example.com/public/js/script.js">Link to JS</a>
をそれともだろうonclick
属性意味:したがって、あなたが使用することができ指摘されたよう <input type="button" id="clickme" onclick="myfunction()" value="Submit" />
しかし、これはどちらかのベストプラクティスではありませんが。
いくつかのオプションを提供してonclick
はJavascript機能を起動するための最良の方法ではないという考えを強調しています。
'onclick'属性は使用しないでください。彼らは厄介な問題を抱え、懸念を分け合わせることができません。 – Quentin
W3Schoolsは参考にはなりません。それはしばしば誤解を招き、何かが間違っており、ほとんどのベストプラクティスの例はありません。 – Quentin
@Quentin、これは本当ですが、私は一般にあなたが言及したようにeventListenersを使用しますが、特定の質問を対象にしようとしていました。個人的には、私のプロジェクトはほぼすべてがjQueryを利用しているので、jQueryの '.click'や' .on( 'click' ... ')を使います。 – kchason
するだけでページにあなたのjsのスクリプトをリンク:
<script src="js/button.js"></script>
してからちょうどクラスまたはIDを通じてそのスクリプトでアクションを呼び出します。
<button id="btnShow"><h1 class="jumbotron-heading">Expand</h1></button>
<p class="p1">Test</p1>
JSのjQueryをしません
、とにかく私は
$('#btnShow').click(function(){
$('.p1').show();
});
あなたは、リンクをどういう意味かと思うと良い例?ユーザーをブラウザに連れて行くように?または、Javascript関数を呼び出しますか? – kchason
javascript関数を呼びます。申し訳ありません。これは初めてです。 – Jordan