ホームページ  >  記事  >  ウェブフロントエンド  >  3 つの異なる位置で JavaScript コードを記述する方法_JavaScript スキル

3 つの異なる位置で JavaScript コードを記述する方法_JavaScript スキル

WBOY
WBOYオリジナル
2016-05-16 18:43:281090ブラウズ

以下は、JavaScript コードを記述するための 3 つの異なる場所のリストです。その結果、ボタン ボタンをクリックすると、アラート警告ボックスがポップアップ表示されます。

最初の場所が最も一般的で、コードは次のとおりです。
html コード

js コード
function Pop()
{
alert("JavaScript 関数で呼び出される");

2 番目は最も単純な実装方法です。コードは次のとおりです。


3 番目の方法は比較的複雑です。コードは次のとおりです。
html コード

js code
var obj=document.getElementById( "btn3");//次のステートメントは btn3 の定義の下に配置する必要があります。そうしないと、コンパイラーは btn3 を認識しません。
if(window.addEventListener)//Mozilla、Netscape、Firefox およびその他のブラウザ
{
obj.addEventListener("click",fun,false);//ここで false に注意してください
}
else //IE ブラウザ
{
obj.attachEvent("onclick",fun);
}
function fun()
{
alert("By in function Trigger)イベント in ");
}

要約: 3 つの記述方法によって得られる効果はまったく同じです。3 つの方法は一般的に使用されており、それぞれに独自の利点と欠点があると言えます。 。 。 。 。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。