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

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

基礎

【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 として解釈されます。

JavaScript 初心者におすすめの学習書籍

手を動かしながら JavaScript を学びたい方には、初心者向けにやさしく解説された実践型の入門書があります。
実際に動くサンプルを使って学べるため、基本をしっかり身につけたい方に最適です。
→ いちばんやさしい JavaScript の教本

JavaScriptの基礎を体系的に学びたい方には、こちらの書籍がとても分かりやすくおすすめです。
初心者がつまずきやすいポイントを丁寧に解説している入門書です。
→ 確かな力が身につくJavaScript「超」入門

体系的に学びたい方へ(スクールという選択肢)

JavaScript を独学で学んでいると、「もっと効率よく理解したい」「プロに質問しながら進めたい」と感じる方も多いです。
そのような方には、未経験からエンジニアを目指せる DMM WEBCAMP の学習コースも選択肢のひとつです。

無料相談では、学習ロードマップの作成やキャリア相談など、独学では得られないサポートを受けられます。
短期間で基礎を固めたい方や、効率よくスキルを身につけたい方に最適です。
DMM WEBCAMP 学習コース(無料相談はこちら)



まとめ

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

関連記事

【JavaScript入門】演算子の種類と使い方まとめ|算術・比較・論理・代入・ビット演算子を初心者向けに解説

2019/04/13   -基礎

JavaScriptの演算子まとめ|算術・比較・論理・ビット・代入演算子を初心者向けに解説 JavaScriptには、計算や比較、条件分岐などに使うさまざまな演算子があります。 演算子を理解すると、コ …

【JavaScript入門】Ajaxとは?仕組み・特徴・XMLHttpRequestを初心者向けにわかりやすく解説

2019/04/20   -基礎

Ajaxとは?仕組み・特徴・JavaScriptとの関係を初心者向けにわかりやすく解説 近年、JavaScriptが再び注目を集めている理由のひとつが Ajax(エイジャックス) の普及です。 Goo …

【JavaScript入門】オブジェクト・プロパティ・メソッドとは?初心者向けに基本概念をわかりやすく解説

2019/04/10   -基礎

JavaScriptのオブジェクト・プロパティ・メソッドとは?初心者向けに基本概念をわかりやすく解説 JavaScriptは「オブジェクトベース」のスクリプト言語です。 Webページを操作するうえで欠 …

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

2019/04/12   -基礎

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

【JavaScript入門】繰り返し処理の基本|for文・while文・do…while文の使い方を初心者向けに解説

2019/04/15   -基礎

JavaScriptの繰り返し処理|for文・while文・do…while文を初心者向けに解説 JavaScriptで同じ処理を繰り返したい場合は、for文 と while文 を使います …

このブログは Xserver 上の WordPress で運用しています。
表示速度が速く、安定しているのでブログ初心者にもおすすめです。
レンタルサーバー エックスサーバー

-基礎

執筆者: