本文主要和大家介绍关于js的三种使用方式（行内js、内部js、外部js）的实例代码，小编觉得挺不错的，现在分享给大家，感兴趣的小伙伴们可以参考一下，具体如下：
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：script里的程序整个页面都可以用
<!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>
总结：以上所述就是给大家介绍的js的三种使用方式（行内js、内部js、外部js）的实例代码，希望能对大家的学习有所帮助。
相关推荐：
Atas ialah kandungan terperinci 关于js的三种使用方式（行内js、内部js、外部js）的程序代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Bagaimana untuk membuka vt
Bagaimana untuk menyambung semula penggunaan gas selepas pembayaran
Tutorial Mendapatkan Ikon Komputer Saya Win10
Bagaimana untuk melihat proses dalam linux
Apakah peti mel antarabangsa?
Apakah maksud port pautan atas?
Pengenalan kepada pengubah kawalan akses java
penggunaan format_nombor
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
