关于js的三种使⽤⽅式（⾏内js、内部js、外部js）的程序
代码
本⽂讲述了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在html中的用法
</script>
</head>
<body>
<input type="button" value="点击" onclick="test()">
</body>
</html>
以上所述是⼩编给⼤家介绍的js的三种使⽤⽅式（⾏内js、内部js、外部js）的实例代码，希望对⼤家有所帮助，如果⼤家有任何疑问请给我留⾔，⼩编会及时回复⼤家的。在此也⾮常感谢⼤家对⽹站的⽀持！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。