2017-10-13 1 views
-2

、私はそれをクリックしたときに、別のJavaScriptファイルにリンクするHTMLで書かれたボタンを取得しようとしている、問題のボタンがコードは

<input type="button" id="clickme" value="Submit" /> 

の下にコード化されています私は、ブラケット、コードエディタを使用しています、と私はリンクさせたいのjsファイルには、私のHTMLコードと同じプロジェクト内にある、それは事前

+2

あなたは、リンクをどういう意味かと思うと良い例?ユーザーをブラウザに連れて行くように?または、Javascript関数を呼び出しますか? – kchason

+0

javascript関数を呼びます。申し訳ありません。これは初めてです。 – Jordan

答えて

1

内のすべての

おかげで役立ちます場合は、ページにスクリプトをロードしてa <script>要素。

スクリプトがロードされた状態で単純に全体を実行するのではなく、functionにコードを保存してください。

DOM内のボタンを見つけて(getElementByIdなど)、その機能をaddEventListenerのクリックイベントリスナーとしてバインドします。

0

リンクを意味する場合は、参考のために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" />

しかし、これはどちらかのベストプラクティスではありませんが。

jQuery.click() vs onClick

いくつかのオプションを提供してonclickはJavascript機能を起動するための最良の方法ではないという考えを強調しています。

+0

'onclick'属性は使用しないでください。彼らは厄介な問題を抱え、懸念を分け合わせることができません。 – Quentin

+0

W3Schoolsは参考にはなりません。それはしばしば誤解を招き、何かが間違っており、ほとんどのベストプラクティスの例はありません。 – Quentin

+0

@Quentin、これは本当ですが、私は一般にあなたが言及したようにeventListenersを使用しますが、特定の質問を対象にしようとしていました。個人的には、私のプロジェクトはほぼすべてがjQueryを利用しているので、jQueryの '.click'や' .on( 'click' ... ')を使います。 – kchason

-1

するだけでページにあなたの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(); 
});