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

いつインラインスクリプトを使用する必要があり、いつ外部JavaScriptファイルを使用する必要がありますか？

パフォーマンスを向上させるには、JavaScriptを外部に保持するようにしてください。別のコードを使用すると、Webブラウザでのキャッシュが簡単になります。ただし、インラインスクリプトは、単一ページのWebサイトを作成する場合にのみ使用してください。

それでも、外部コード、つまり外部JavaScriptを使用することをお勧めします。 JavaScriptを外部ファイルに配置するには、拡張子が.jsの外部JavaScriptファイルを作成します。作成後、スクリプトタグのHTMLファイルに追加します。 src属性は、その外部JavaScriptファイルを含めるために使用されます。

複数の外部JavaScriptファイルがある場合は、それを同じWebページに追加して、ページのパフォーマンスを向上させます。

次のnew.jsが外部JavaScriptファイルであるとしましょう-

function display() {
   alert("Hello World!");
}

次に、外部JavaScriptファイルをHTMLWebページに追加します

例

ライブデモ
<html>
   <body>
   <form>
      <input type = "button" value = "Result" onclick = "display()"/>
   </form>

   <script src = "new.js">
   </script>
   </body>
</html>

  1. JavaScriptのファイルとFileReader？

    以下は、JavaScriptでファイルとfileReaderを表示するコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>

  2. JavaScriptの矢印関数を使用すべきでない場合は？

    矢印関数には独自のこれがないため、矢印関数をオブジェクトメソッドとして使用しないでください。オブジェクト自体ではなく、ウィンドウオブジェクトである囲んでいる字句スコープのこの値を取ります。これにより、目的のオブジェクトではなくウィンドウオブジェクトのプロパティを設定してアクセスするため、問題が発生する可能性があります。 以下は、JavaScriptの矢印関数を使用すべきでない場合を示すコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8