ホームページ ウェブフロントエンド jsチュートリアル jsの3つの呼び出し方法のメリット・デメリットまとめ

jsの3つの呼び出し方法のメリット・デメリットまとめ

May 12, 2018 pm 02:02 PM
javascript 長所と短所 要約する

今回はjsの3つの呼び出し方法のメリットとデメリットをまとめてご紹介します。 jsの3つの呼び出し方法を使用する際の注意点は何ですか? 以下は実際的なケースです。

この記事では、js の 3 つの使用方法 (インライン js、内部 js、外部 js) のサンプル コードを説明します。詳細は次のとおりです。

1. js は記述されていません。別途アウト

<!DOCTYPE html> 
<html lang="en"> 
<head> 
 <meta charset="UTF-8"> 
 <title>js使用方式1:行内js</title> 
</head> 
<body> 
<input type="button" value="点击有惊喜" onclick="javascript:alert(&#39;哈哈哈哈&#39;)"> 
<!--onclick:点击触发一个事件,alert:弹出一个对话框--> 
</body> 
</html>
ログイン後にコピー

2. 内部js: スクリプト内のプログラムはページ全体で使用できます

<!DOCTYPE html> 
<html lang="en"> 
<head> 
 <meta charset="UTF-8"> 
 <title>js使用方式2:内部js</title> 
 <script type="text/javascript"> 
  //声明一个函数(整个文档都可以使用) 
  function surprise() { 
   alert('恭喜你中了一百万')/*弹出框*/ 
  } 
 </script> 
</head> 
<body> 
<input type="button" value="点击有惊喜" onclick="surprise()"><!--调用函数--> 
<input type="button" value="点击" onclick="surprise()"> 
</body> 
</html>
ログイン後にコピー

3. 外部js: 多くのHTMLページで設定されたjsページを呼び出すことができます

<!DOCTYPE html> 
<html lang="en"> 
<head> 
 <meta charset="UTF-8"> 
 <title>js使用方式3:外部js</title> 
 <!--很多html页面都可以调用js4.js页面--> 
 <script src="../../js/js4.js" type="text/javascript" charset="utf-8"> 
 </script> 
</head> 
<body> 
<input type="button" value="点击" onclick="test()"> 
</body> 
</html>
ログイン後にコピー
この記事の事例を読んだあなたはその方法をマスターしました。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

Vueの個人情報閲覧とパスワード変更の実装方法

Vueの配列突然変異実装の詳細な説明

以上がjsの3つの呼び出し方法のメリット・デメリットまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 Dec 17, 2023 pm 02:54 PM

WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 はじめに: 技術の継続的な発展により、音声認識技術は人工知能の分野の重要な部分になりました。 WebSocket と JavaScript をベースとしたオンライン音声認識システムは、低遅延、リアルタイム、クロスプラットフォームという特徴があり、広く使用されるソリューションとなっています。この記事では、WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法を紹介します。

テンプレートのメリットとデメリットは何ですか? テンプレートのメリットとデメリットは何ですか? May 08, 2024 pm 03:51 PM

テンプレート化: 長所と短所 テンプレート化は、再利用可能なコード ブロックを作成できる強力なプログラミング手法です。これにはさまざまな利点がありますが、いくつかの欠点もあります。長所: コードの再利用性: テンプレートを使用すると、アプリケーション全体で再利用できる共通のコードを作成できるため、重複やメンテナンスの労力が軽減されます。一貫性: テンプレート化により、コード スニペットが異なる場所でも同じ方法で実装されるようになり、コードの一貫性と読みやすさが向上します。保守性: テンプレートへの変更は、それを使用するすべてのコードに同時に反映されるため、保守と更新が簡素化されます。効率: テンプレートを作成すると、同じコードを何度も記述する必要がないため、時間と労力が節約されます。柔軟性: テンプレートを使用すると、さまざまなアプリケーションのニーズに簡単に適応できる構成可能なコード ブロックを作成できます。欠点がある

WebSocket と JavaScript: リアルタイム監視システムを実装するための主要テクノロジー WebSocket と JavaScript: リアルタイム監視システムを実装するための主要テクノロジー Dec 17, 2023 pm 05:30 PM

WebSocketとJavaScript:リアルタイム監視システムを実現するためのキーテクノロジー はじめに: インターネット技術の急速な発展に伴い、リアルタイム監視システムは様々な分野で広く利用されています。リアルタイム監視を実現するための重要なテクノロジーの 1 つは、WebSocket と JavaScript の組み合わせです。この記事では、リアルタイム監視システムにおける WebSocket と JavaScript のアプリケーションを紹介し、コード例を示し、その実装原理を詳しく説明します。 1.WebSocketテクノロジー

システム購入前に必ずお読みください: Win11 と Win10 の長所と短所の分析 システム購入前に必ずお読みください: Win11 と Win10 の長所と短所の分析 Mar 28, 2024 pm 01:33 PM

情報化社会の今日、パソコンは私たちの生活に欠かせないツールとして重要な役割を果たしています。オペレーティング システムはコンピュータの中核ソフトウェアの 1 つであり、私たちの使用体験や作業効率に影響を与えます。市場では、Microsoft の Windows オペレーティング システムが常に支配的な地位を占めており、現在、人々は最新の Windows 11 と古い Windows 10 の選択に直面しています。一般の消費者は、オペレーティング システムを選択するときに、バージョン番号だけではなく、その長所と短所も理解します。

Linux システムでの system() 関数の使用法の概要 Linux システムでの system() 関数の使用法の概要 Feb 23, 2024 pm 06:45 PM

Linux での system() 関数の概要 Linux システムでは、system() 関数は非常に一般的に使用される関数であり、コマンド ライン コマンドの実行に使用できます。この記事では、system() 関数を詳細に紹介し、いくつかの具体的なコード例を示します。 1. system() 関数の基本的な使用法 system() 関数の宣言は次のとおりです: intsystem(constchar*command); コマンド パラメーターは文字です。

Java サーブレットの仕組みの長所と短所は何ですか? Java サーブレットの仕組みの長所と短所は何ですか? Apr 16, 2024 pm 03:18 PM

JavaServlet は、動的 Web ページの構築に使用される Java クラスで、クライアントとサーバー間のブリッジとして機能します。動作原理: リクエストの受信、サーブレットの初期化、リクエストの処理、応答の生成、サーブレットの終了。長所: ポータブル、拡張性があり、安全で使いやすい。短所: オーバーヘッド、結合、および状態管理。実際のケース: 「Hello, Servlet!」メッセージを表示する単純なサーブレットを作成します。

Java 変数に名前を付けるときに中国語を使用する場合の利点と欠点 Java 変数に名前を付けるときに中国語を使用する場合の利点と欠点 Feb 18, 2024 am 10:14 AM

Java 変数の名前付けに中国語を使用する利点と欠点 Java プログラミングでは、通常、変数、メソッド、クラスなどの識別子の名前に英語を使用します。ただし、場合によっては、識別子の一部として中国語を使用することも検討できます。この記事では、中国語の名前付き Java 変数を使用する利点と欠点を検討し、いくつかの具体的なコード例を示します。利点 1: コードの可読性の向上: 中国語の名前付き Java 変数を使用すると、コードが理解しやすくなり、読みやすくなります。結局のところ、私たちの脳は英語よりも中国語をより自然かつ流暢に理解し、認識します。英語以外の場合

PHP フレームワークの長所と短所の比較: どちらが優れていますか? PHP フレームワークの長所と短所の比較: どちらが優れていますか? Jun 04, 2024 pm 03:36 PM

PHP フレームワークの選択は、プロジェクトのニーズと開発者のスキルによって異なります。 Laravel: 豊富な機能と活発なコミュニティがありますが、学習曲線が急で、パフォーマンスのオーバーヘッドが高くなります。 CodeIgniter: 軽量で拡張が簡単ですが、機能が制限されており、ドキュメントが少なくなります。 Symfony: モジュール式の強力なコミュニティですが、複雑なパフォーマンスの問題があります。 ZendFramework: エンタープライズ グレードで、安定性と信頼性が高くなりますが、ライセンスが大きく高価です。スリム: マイクロフレームワークで高速ですが、機能が限られており、学習曲線が急です。

See all articles