ホームページ >ウェブフロントエンド >jsチュートリアル >jsの3つの活用事例を詳しく解説（コード付き）
jsの3つの活用事例を詳しく解説（コード付き）
- php中世界最好的语言オリジナル
- 2018-05-31 11:55:251628ブラウズ
今回はjsの3つの使い方を詳しく解説（コード付き）します。 jsの3つの使い方の注意点は何なのか、実際の事例を見てみましょう。
1. インラインjs: 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. 多くの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 サイトの他の関連記事に注目してください。
推奨読書:
node+koa2+mysql+bootstrap によるフォーラムのフロントエンドとバックエンドの構築
以上がjsの3つの活用事例を詳しく解説（コード付き）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。