Web

script 要素の src属性に .js 以外の拡張子を指定してもエラーにはならない

投稿日:2021年11月23日 更新日:

WebページのHTMLにおいて、JavaScriptファイルを読み込むには、

<script src="xxxxx.js"></script>

と書きますが、src属性に指定するファイルの拡張子は .js でなくてもエラーにはなりません。.js以外のファイル(中身はJavaScriptコード)を指定しても普通に処理されます(但し、画像・動画・音声・CSVの拡張子だけはブロックされます)。

ファイルの拡張子によって HTTPレスポンスの Content-Type ヘッダーは変化しますが、一般的なブラウザは script要素で指定されたリソースの Content-Type を無視します。Content-Type ではなく、script要素の type属性に指定された「スクリプトを表すタイプ」を重視します(デフォルトは text/javascript)。

参考

📂-Web

執筆者:labo


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

Web

Digest認証の設定手順

Digest認証の設定手順について説明します。

Web

CSP と CORS の違い

CSP と CORS の違いをざっと確認するためのページです。

Web

閲覧しているウェブページで利用されている HTTP のバージョンを確認する方法

ウェブブラウザで ウェブサイトを閲覧している際、HTTP のどのバージョンが使われているのか確かめる方法を紹介します。 目次Chrome の場合FirefoxEdge Chrome の場合 (1) ウ …

Chrome

Google Chrome 68 で、HTTPS非対応のマークが変わりました

目次1. Chrome 68 がリリース2. 以前のマーク3. Chrome 68 以降のマーク4. ついでに、https にしてアクセスしてみる5. おわりに 1. Chrome 68 がリリース …

Web

JSFiddle を使って HTML/CSS/JavaScript をウェブページに埋め込む

JSFiddle というサービスを使って、ウェブページに HTML/CSS/JavaScript を埋め込んでみましょう。 目次1. JSFiddle とは?2. ウェブページに埋め込む手順(1) ア …