現役システムエンジニアの備忘録

技術スキルや用語などの記録を残していきます

基礎

【JavaScript入門】デフォルトのスクリプト言語を指定する方法|Content-Script-Type の使い方

投稿日:2019年4月5日 更新日:

JavaScriptのデフォルトスクリプト言語を指定する方法|Content-Script-Type の使い方を解説

HTMLでは複数のスクリプト言語(JavaScript、VBScript など)を利用できるため、どの言語をデフォルトとして扱うかを明示する必要があります。

このページでは、meta要素を使ってデフォルトのスクリプト言語を指定する方法を初心者向けにわかりやすく解説します。



デフォルトのスクリプト言語を指定する方法

HTMLの <head> 内に、次のような meta 要素を記述します。

<meta http-equiv=”content-script-type” content=”★” />
★:スクリプト言語を示すMIMEタイプ(例:text/javascript)

content 属性には、使用するスクリプト言語の MIME タイプを指定します。

  • JavaScript を使う場合: text/javascript
  • VBScript を使う場合:text/vbscript

この設定を行うと、イベント属性(onclick など)に記述したスクリプトが、指定した言語として解釈されます。



記述例:JavaScriptをデフォルトに設定する

以下は、JavaScript をデフォルトのスクリプト言語として設定した例です。

<head>
    <meta http-equiv=”Content-Type” content=”text/html; charset=Shift_JIS” />
    <meta http-equiv=”Content-Script-Type” content=”text/javascript” />
    <title>デフォルトのスクリプト言語の設定</title>
    …
</head>

この設定により、HTML内のイベント属性(onclick など)に記述したコードは、すべて JavaScript として解釈されます。

まとめ

  • HTMLでは複数のスクリプト言語を利用できる
  • meta http-equiv="content-script-type" でデフォルト言語を指定できる
  • JavaScript を使う場合は text/javascript を指定する
  • イベント属性のスクリプトはここで指定した言語として解釈される



関連リンク

-基礎
-

執筆者:

関連記事

【JavaScript入門】HTML要素内に直接スクリプトを書く方法|javascript: の使い方と注意点

JavaScriptをHTML要素内に直接記述する方法|javascript: の使い方と注意点を初心者向けに解説 JavaScriptをWebページに組み込む方法はいくつかあります。 HTML文書内 …

【JavaScript入門】変数の基本を解説|宣言方法・命名規則・スコープの仕組みを初心者向けに紹介

JavaScriptの変数とは?宣言方法・命名規則・スコープを初心者向けにわかりやすく解説 変数とは、値や式を一時的に保存しておくための「箱」のようなものです。 変数を使うことでコードが読みやすくなり …

【JavaScript入門】DOMとは?仕組み・ノード・ツリー構造を初心者向けにわかりやすく解説

JavaScriptのDOMとは?仕組み・ノード・ツリー構造を初心者向けにわかりやすく解説 JavaScriptでHTMLを操作するために欠かせないのが DOM(Document Object Mod …

【JavaScript入門】色の指定方法まとめ|16進数・色名・CSS指定の違いを初心者向けに解説

JavaScriptで色を指定する方法|16進数・色名・CSS指定を初心者向けに解説 JavaScriptで色を指定する方法は、HTML/CSS と同様に複数あります。代表的なのは次の2つです。 16 …

【JavaScript入門】new・delete・with・thisの使い方|オブジェクト操作の基本を初心者向けに解説

JavaScriptのnew・delete・with・thisの使い方|オブジェクト操作の基本を初心者向けに解説 JavaScriptでは、オブジェクトを作成したり削除したり、オブジェクト名を省略して …