ホームページ > 記事 > ウェブフロントエンド > jsの3つの呼び出し方法のメリット・デメリットまとめ
jsの3つの呼び出し方法のメリット・デメリットまとめ
- php中世界最好的语言オリジナル
- 2018-05-12 14:02:481985ブラウズ
今回は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('哈哈哈哈')"> <!--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 サイトの他の関連記事に注目してください。 推奨読書:
以上がjsの3つの呼び出し方法のメリット・デメリットまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。