埋め込み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 つの方法

Dockerイメージの読み込み原理

ブログ

変換を使用して純粋な CSS ポップアップメニューを実装するためのサンプルコード

ブログ

Linux 上の Nginx に複数のバージョンの PHP をインストールする

ブログ

MySQL の完全バックアップ中に特定のライブラリを除外する方法

ブログ

HTMLフォーム要素の詳しい解説（パート1）

ブログ

MySQL の int、char、varchar のパフォーマンスを比較する

ブログ

JavaScript で右クリックメニューを統合する layim のサンプルコード

ブログ

ファイル操作のためのLinuxシステムコール

ブログ

MySQLオンラインDDLの使用に関する詳細な説明

ブログ

Zabbixで電子メールアラートを実装する方法

ブログ

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

目次