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

開発者がデータベースロックを詳細に理解する必要がある理由

ブログ

JavaScript を使用してページ要素のオフセットを取得/計算する方法

ブログ

Web インタビュー Vue カスタムコンポーネントと呼び出しメソッド

ブログ

JavaScript イベントの概念の詳細な説明 (静的登録と動的登録の区別)

ブログ

MySQLが大量のデータを処理する際にクエリ速度を最適化するいくつかの方法

ブログ

vue-cli を使用してプロジェクトを作成し、webpack でパッケージ化する方法

ブログ

Linux システム構成 (サービス制御) の詳細な紹介

ブログ

js タグ構文の使用法の詳細

ブログ

IE8対応のボーダー半径処理方法

ブログ

製品の拡大鏡効果を実現する JavaScript

ブログ

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

目次