<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- 2 内嵌式的JS . 写到script 标签里面的代码，就是内嵌式JS的用法使用 -->
<!-- <script>
alert(' 2 内嵌式JS用法')
alert('自强不息');
</script> -->
<!-- 3 外部JS写法 引用 -->
<script src="My.js"> </script>
</head>
<body>
<!-- 1 行内式 的JS 直接写到元素的内部 -->
<h1> 1 行内式 的JS 直接写到元素的内部</h1>
<input type="button" value="唐伯虎" onclick="alert('秋香姐')">
</body>
</html>
外部JS文件
alert('3 外部JS的使用');
alert('如果我是程序员，你还爱我吗');
网页显示效果：