JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

HTMLページでJavaScriptを読み込む際、従来は<script>タグにtext/javascriptを指定するのが一般的でした。

以下のように記述する例です。

<script type="text/javascript">
</script>

HTML5ではtype属性の指定が不要に

しかし、HTML5の登場により状況が変わりました。HTML5では、JavaScriptがデフォルトのスクリプト言語として定められたため、モダンブラウザでは<script>タグにtext/javascriptを明示的に指定する必要がなくなりました。

そのため、現在では次のようにシンプルに記述できます。

<script>
</script>

jQueryを使った具体例

実際に、外部ライブラリであるjQueryを読み込む例を見てみましょう。外部スクリプトの読み込みにはsrc属性を使用し、インラインスクリプトはtype属性なしで記述しています。

<html>
   <head>
      <title>jQuery サンプル</title>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
      <script>
         $(document).ready(function(){
            document.write("Hello, World!");
         });
      </script>
   </head>
   <body>
      <h1>Hello</h1>
   </body>
</html>

まとめ

  • HTML4以前の時代は、<script>タグにtype="text/javascript"の指定が必要でした。
  • HTML5以降はJavaScriptがデフォルト言語となったため、type属性の指定は不要です。
  • 古いブラウザ（IE8以前など）への対応が必要な特殊なケースを除き、省略しても問題ありません。

モダンなWeb開発では、<script>タグをシンプルに記述するのがベストプラクティスといえます。

  1. スマートテレビの初期設定ガイド：開梱後すぐにやっておきたい基本設定まとめ

    新しいスマートテレビを箱から出したばかり、という方も多いのではないでしょうか。3Dテレビや曲面テレビは一時的なブームに終わりましたが、アプリが使えて家の中の他の機器と連携できる「パソコンのようなテレビ」というコンセプトは、今や定着しています。外見は普通の(非常に薄型の)テレビと変わりませんが、スマートテレビの中身はむしろコンピューターに近く、思い通りに使いこなすには多少の初期設定が必要です。この記事では、新品のスマートテレビをセットアップする際に最初に行うべき作業——ファームウェアの更新から、画質の調整まで——を順番に解説していきます。前提となる基本設定すべてのスマートテレビには、ネットワーク

  2. パソコンの大掃除で快適に！必ずやっておきたい5つのメンテナンス

    春ももうすぐ終わり。おうちの大掃除はすっかり済ませましたか？でも、ひとつだけ忘れていませんか？そう、あなたのパソコンのことです。最近、動作が鈍くなったり、以前ほどキビキビと反応しなくなったりしていませんか？そんなときこそ、PCを徹底的に大掃除する絶好のチャンスです。なぜパソコンの大掃除が必要なのかパソコンは車によく似ています。快調に使い続けるには、定期的なメンテナンスが欠かせません。時間が経つにつれ、PCにはさまざまなジャンクファイルが蓄積し、レジストリエラーが発生し、ドライブが断片化していきます。これらが重なることで動作が遅くなり、操作するたびにストレスを感じるようになってしまうのです。しっ