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标签中间不要写代码,否则会被忽略
相关推荐
大飞pkz2 小时前
【设计模式】责任链模式
开发语言·设计模式·c#·责任链模式
AI视觉网奇2 小时前
rknn yolo11 推理
前端·人工智能·python
gplitems1232 小时前
Gunslinger – Gun Store & Hunting WordPress Theme: A Responsible
开发语言·前端·javascript
大飞pkz3 小时前
【设计模式】六大基本原则
开发语言·设计模式·c#·六大原则
iCxhust4 小时前
Intel8259汇编串口接收转C语言
c语言·开发语言·汇编
掘根4 小时前
【Qt】布局管理器
开发语言·qt
半夏知半秋4 小时前
skynet-socket.lua源码分析
服务器·开发语言·学习·架构·lua
Winson℡5 小时前
React Native 中的 useCallback
javascript·react native·react.js
wyzqhhhh5 小时前
less和sass
前端·less·sass
西猫雷婶5 小时前
random.shuffle()函数随机打乱数据
开发语言·pytorch·python·学习·算法·线性回归·numpy