1.行内式js(很少使用)
以on开头,如onclick
HTML中推荐双引号,JS推荐单引号
2.内嵌式js(常用)
<script>
alert('hello world');
<script>
3.外部js文件
<script src="my.js"></script>
利于代码结构化 便于文件复用
引用外部JS文件的script标签中间不可以写代码
适合js代码量比较大的情况下
代码举例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- 2.内嵌式的JS -->
<script>
// alert('沙漠骆驼S')
</script>
<!-- 3.外部js写法 script 双标签 -->
<script src="my.js">
</script>
</head>
<body>
<!-- 1.行内式的JS 直接写到元素内部 -->
<!-- <input type="text" value="唐伯虎" onclick="alert('秋香姐')"> -->
</body>
</html>