Javascript书写位置

时间:2022-01-16 15:27:08

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>
<!-- .内嵌式的JS -->
<script>
// alert('沙漠骆驼S')
</script>
<!-- .外部js写法 script 双标签 -->
<script src="my.js">
</script>
</head>
<body>
<!-- .行内式的JS 直接写到元素内部 -->
<!-- <input type="text" value="唐伯虎" onclick="alert('秋香姐')"> -->
</body>
</html>