埋め込み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 に Solr 8.6.2 をインストールし、中国語の単語セグメンターを構成する方法

ブログ

Vue で ToDo アプリケーションを実装する例

ブログ

Linuxコマンドに基づいてフォルダー内の特定のファイルパスを抽出します

ブログ

Nginx キャッシュ設定例

ブログ

Linuxのtimeコマンドの使い方の詳しい説明

ブログ

CSS3 を使って本のページめくり効果を実現するサンプルコード

ブログ

CentOS 7.4 にソースコードから MySQL 8.0 をインストールするための詳細なチュートリアル

ブログ

JavaScript継承のさまざまな方法とメリット・デメリットを詳しく解説

ブログ

WeChatアプレットのスクロールビューが左右にスライドできない問題を解決する方法

ブログ

5分でDockerをインストールする詳細な手順

ブログ

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

目次