JS的三种书写位置

内部

clike 复制代码
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
        alert("你好")
      </script>
</body>

</html>

外部

clike 复制代码
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script src="./外部.js"></script>
</body>

</html>

行内

clike 复制代码
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <h1 onclick="alert('丘丘')">锄禾日当午</h1>
</body>

</html>
  • 不管是内部的还是外部的,书写的位置都尽量写到文档末尾前面
  • 外部Js标签中间不要写代码,否则会被忽略
相关推荐
沐知全栈开发20 小时前
Bootstrap 下拉菜单
开发语言
XS03010620 小时前
Java 基础(七)多态
java·开发语言
不知名的老吴20 小时前
一文读懂:单例模式的经典案例分析
java·开发语言·单例模式
欧米欧20 小时前
C++算法之双指针算法
开发语言·c++
qiao若huan喜20 小时前
13、webgl基本概念 + 绘制狮子座星空
前端·javascript·信息可视化·webgl
天天进步201520 小时前
Python全栈项目实战:自建高效多媒体处理工具
开发语言·python
之歆20 小时前
Day03_HTML 列表、表格、表单完整指南(上)
前端·html
zzzsde20 小时前
【Linux】线程概念与控制(1)线程基础与分页式存储管理
linux·运维·服务器·开发语言·算法
吴声子夜歌20 小时前
Vue3——组件基础
前端·javascript·vue.js
恋猫de小郭20 小时前
Jetpack Compose 1.11 正式版发布,下一代的全新控件和样式 API,你必须知道
android·前端·flutter