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

Linuxのseqコマンドを使用して数字のシーケンスを生成します（推奨）

ブログ

Vueプロジェクトでページジャンプを実装する方法

ブログ

MySQL データベースのパフォーマンス最適化の概要

ブログ

vueはEle.me UIを使用してteambitionのフィルタリング機能を模倣します

ブログ

CSS スタイルの優先順位はどれくらい複雑ですか?

ブログ

Vue+element はローカル検索機能付きのドロップダウンメニューを実装します

ブログ

WIN10 に複数のデータベースがインストールされている場合にコンピュータの速度低下を防ぐ方法

ブログ

我々は自らの力でIE6を絶滅に追い込んでいる

ブログ

mysql データベースの作成、ユーザーの追加、ユーザー認証の実用的な方法

ブログ

nginxリバースプロキシによるセッション障害の問題の解決策

ブログ

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

目次