埋め込みJavaScriptと外部リンクの基本的な応用方法

埋め込みJavaScriptと外部リンクの基本的な応用

js言語はhtml言語に完全に配置できます

しかし、状況に応じて、埋め込みリンクと外部リンクに分けることができます。

jsコードが少ない場合は、埋め込み方式を使用して、<script></script>タグと関連属性を通じてJavaScriptを直接導入できます。

<!DOCTYPE html>
<html>
<スクリプト>
document.write("<h1>これは見出しです</h1>");
document.write("<p>これは段落です。</p>");
</スクリプト>
<本文>
 
</本文>
</html>

ただし、大規模なプロジェクトや JavaScript コードが大量にある場合は、外部リンクを使用する必要があります。

外部リンクを使用する場合は、まず新しい.jsファイルを作成する必要があります。

<!DOCTYPE html>
<html>
<script type="text/javascript" src="1245.js">
</スクリプト>
<本文>
 
</本文>
</html>

1245.jsファイルに記述する必要があるJavaScriptコードを配置します。

JavaScript の記述方法には、インライン、埋め込み、外部リンクの 3 つがあります。

1. インライン

HTML タグの属性では、動作によって実行がトリガーされます。(あまり使用されません)

ここに画像の説明を挿入

2. 埋め込み

スクリプトタグを使用して HTML ファイル内にラップすると、ページを開いたときに自動的に実行されます。 (使い方は簡単ですが、大量の JS コードでは使用しないでください。)

ここに画像の説明を挿入

3. 外部リンク

別の js ファイルに記述され、script タグの src 属性を使用して html ファイルに導入され、ページが開かれたときに自動的に実行されます。（最適化方法がいろいろあるのでおすすめ）

ここに画像の説明を挿入

注: 業界ではほとんど使用されず、ほとんど使用されません。インラインリンクと外部リンクは同じスクリプトタグを共有できません。外部リンクのスクリプトタグは原則どこにでも配置できます。外部リンクのスクリプト属性は srcであり、 href でも href でも href でもありません...

上記は私の個人的な経験です。参考になれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

以下もご興味があるかもしれません:

JavaScript は動的にスタイルを追加します (インライン/埋め込み/外部リンクルールなど)
js 内の要素の外部リンクスタイルを取得する簡単な方法
js で要素の外部リンクスタイルを取得する方法

<<: flexとは何か、flexレイアウト構文の詳細なチュートリアル

>>: MySQL マスタースレーブデータベースが同期されない問題を解決する 2 つの方法

HTMLの基本構造を包括的に理解する

ブログ

ブラウザでのjsのイベントループイベントキューの詳細な説明

ブログ

Vue で Excel インポート機能を実装する詳細な手順

ブログ

Dockerコンテナ内にkibanaトークナイザーをインストールする方法

ブログ

Ubuntu 18.04 に phpMyAdmin をインストールするための詳細なチュートリアル

ブログ

Svelte の Defer Transition を Vue で実装する方法

ブログ

HTML で dl(dt,dd)、ul(li)、ol(li) を使用する方法

ブログ

Windows 10にWSL2 Ubuntu20.04をインストールしてdocker環境を構築する方法

ブログ

LinuxシステムでFuserコマンドを使用する方法

ブログ

SpringBoot でマイクロサービスを構築するために Docker を使用した実際の記録を分析する

ブログ

埋め込みJavaScriptと外部リンクの基本的な応用方法

目次