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

JavaScriptファイルをHTMLファイルに埋め込む方法

基本的なHTMLドキュメントがあり、外部のJavaScriptファイルをドキュメントに埋め込み（インポート）したいとします。

これを行うには、HTML <script>を使用する必要があります 要素：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=" />
    <title>Page title</title>
    <script src="main.js" defer></script>
  </head>
  <body>
    <h1>How to embed a JavaScript file in an HTML file</h1>
  </body>
</html>

deferに注意してください スクリプト要素の属性。延期とは、main.js内のコードを意味します ファイルは、ウェブページがすべてのコンテンツ要素（テキスト、画像、リンクなど）の読み込みを完了するまで実行されません。

明らかに、それは、何らかの理由でJavaScriptファイルを前に実行する必要がある場合に意味します。 すべてのウェブページコンテンツが読み込まれるので、deferは使用しません 属性。

注：defer 属性は、インラインではなく、外部JavaScriptファイルを埋め込んだ場合にのみ機能します JavaScriptコード。


  1. HTML<embed>タグ

    タグは、HTMLドキュメントに外部アプリケーションを含めるために使用されます。 以下は属性です- 高さ： 埋め込まれたコンテンツの高さ（ピクセル単位）です。 src ：埋め込む外部ファイルのアドレス、つまりURLを記載します。 タイプ ：埋め込まれたコンテンツのメディアタイプを指定するのはメディアタイプです 幅： 埋め込まれたコンテンツの幅（ピクセル単位）です ここで、HTMLにタグを実装する例を見てみましょう- 例 <!DOCTYPE html> <html> <body> <h2>CSS Demonstrating Appl

  2. HTMLでファイルアップロードボタンを作成するにはどうすればよいですか？

    HTMLでファイルアップロードボタンを作成する方法については、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <h1>File upload button example</h1> <p>Click on the "Choose File" button to upload a file:</p> <form> <input type="file" id="FILE" name="f