JSscriptタグの属性は何ですか

JS スクリプトタグの属性は何ですか?

charset : オプション。 src 属性で指定されたコードの文字セットを表します。ほとんどのブラウザではこのプロパティの値を無視するため、このプロパティはほとんど使用されません。
defer : オプション。ドキュメントが完全に解析されて表示されるまでスクリプトの実行を遅らせることができることを示します。
language : 非推奨。元々は、コードを記述するために使用されるスクリプト言語 (JavaScript、JavaScript1.2、 VBScriptなど) を指すために使用されていました。ほとんどのブラウザはこの属性を無視するため、使用する必要はありません。
src : オプション。実行されるコードを含む外部ファイルを表します。
type : 必須。これは言語の代替属性として考えることができ、コードの記述に使用されたスクリプト言語のコンテンツタイプ (MIME タイプとも呼ばれます) を示します。 text ext/javascriptとtext/ecmascriptは推奨されなくなりましたが、 text/javascriptはまだ使用されています。実際、 JavaScriptファイルを送信するときにサーバーが使用するMIMEタイプは通常application/x-javascriptですが、type にこの値を設定するとスクリプトが無視される可能性があります。また、IE以外のブラウザでは、 application/javascriptとapplication/ecmascriptという値も使用できます。慣例と最大限のブラウザ互換性を考慮すると、 type 属性の現在の値はtext/javascriptままです。

script> 要素を使用して JavaScript コードを埋め込む場合は、script> の type 属性のみを指定する必要があります。次に、次のように JavaScript コードを要素内に直接配置します。

 スクリプトタイプ="text/javascript">

  関数sayHi(){

  アラート("こんにちは!");

  }

  /スクリプト>

script>要素に含まれるJavaScriptコードは上から下に解釈されます。前の例を見ると、インタープリターは関数の定義を解釈し、その定義を独自の環境に保存します。インタープリターがscript>要素内のすべてのコードの評価を完了するまで、ページの残りの部分はブラウザーによって読み込まれたり表示されたりしません。

script>を使用してJavaScriptコードを埋め込む場合は、コード内のどこにも文字列 " /script>"を含めないようにしてください。

たとえば、ブラウザは次のコードを読み込むときにエラーを生成します。

  スクリプトタイプ="text/javascript">

  関数sayScript(){

  アラート('/script>');

  }

  /スクリプト>

埋め込みコードを解析するためのルールによれば、ブラウザは文字列「 /script> 」に遭遇すると、それを閉じタグ/script>であると認識するからです。この問題は文字列を2つの部分に分割することで解決できます。

例えば：

JSscript> タグの属性は何ですか?

 関数sayScript(){

  アラート("/scr"+"ipt>");

  }

このように 2 つの部分に分けて記述すると、ブラウザが誤解することがなくなり、エラーも発生しません。

script>要素を介して外部JavaScriptファイルを含める場合は、src 属性が必要です。この属性の値は、外部の JavaScript ファイルへのリンクです。

例えば：

  scripttype="text/javascript"src="example.js">/script>

この例では、外部ファイルexample.js現在のページに読み込まれます。外部ファイルには、通常、開始の script> と終了の /script> の間に配置される JavaScript コードのみを含める必要があります。埋め込まれたJavaScriptコードの解析と同様に、外部の JavaScript ファイルの解析中 (ファイルのダウンロードを含む) は、ページの処理が一時的に停止されます。 XHTML ドキュメント内にある場合は、前のサンプルコードの /script> 終了タグを省略することもできます。

例えば：

  スクリプトタイプ="text/javascript"src="example.js"/>

ただし、この構文は HTML ドキュメントでは使用できません。その理由は、この構文が HTML 仕様に準拠しておらず、一部のブラウザ、特に IE では正しく解析できないためです。

慣例により、外部 JavaScript ファイルには js 拡張子が付きます。ただし、ブラウザは JavaScript を含むファイルの拡張子をチェックしないため、この拡張子は必要ありません。これにより、JSP、PHP、またはその他のサーバー側言語を使用して JavaScript コードを動的に生成できるようになります。

src 属性を持つ script> 要素では、script> タグと /script> タグの間に追加の JavaScript コードを含めないようにすることが重要です。

さらに、<script> 要素の src 属性を介して外部ドメインからの JavaScript ファイルを含めることもできます。これが、script> 要素を強力かつ物議を醸すものにしている理由です。この点では、script> 要素は img> 要素と非常によく似ています。つまり、その src 属性は、現在の HTML ページのドメイン以外のドメインの URL を指すことができます。次に例を示します。

  scripttype="text/javascript"src="http://www.somewhere.com/afile.js">/script>

この方法では、外部ドメインにあるコードは、それを読み込んだページにある場合と同じように読み込まれ、解析されます。これにより、必要に応じて別のドメインから JavaScript ファイルを提供できるようになります。ただし、自分が管理していないサーバー上の JavaScript ファイルにアクセスする場合は注意が必要です。運悪く悪意のあるプログラマーに遭遇した場合、このファイル内のコードがいつでも置き換えられる可能性があります。したがって、別のドメインのコードを含める場合は、自分がそのドメインの所有者であるか、そのドメインの所有者が信頼できるかのいずれかになります。

コードをどのように含めるかに関係なく、ブラウザはページに script> 要素が表示される順序でコードを解析します。つまり、最初の script> 要素に含まれるコードが解析された後、2 番目の script> 要素に含まれるコードが解析され、その後 3 番目と 4 番目のコードが解析されます。

JSscript タグの属性に関するこの記事はこれで終わりです。JSscript タグの属性についてさらに詳しく知りたい方は、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続きご覧ください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません: