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标签中间不要写代码,否则会被忽略
相关推荐
ThetaarSofVenice15 分钟前
Java虚拟机 -虚拟机栈
java·开发语言·jvm
鲁Q同志20 分钟前
vue项目启动报错(node版本与Webpack)
前端·vue.js·webpack
77tian32 分钟前
Java核心API实战:从字符串到多线程全解析
java·开发语言·windows
耳总是一颗苹果35 分钟前
C语言---内存函数
c语言·开发语言·学习
onejson40 分钟前
华为云Flexus+DeepSeek征文|零基础搭建Dify-LLM应用开发平台 - 从部署到应用的完整指南
java·开发语言·华为云
Allen Bright41 分钟前
【HTML-5】HTML 实体:完整指南与最佳实践
前端·html
Elastic 中国社区官方博客1 小时前
在 JavaScript 中正确使用 Elasticsearch,第二部分
大数据·javascript·数据库·elasticsearch·搜索引擎·全文检索
青花瓷1 小时前
如何在PyCharm2025中设置conda的多个Python版本
开发语言·python·conda
Favour721 小时前
根据当前日期计算并选取上一个月和上一个季度的日期范围,用于日期控件的快捷选取功能
前端·vue.js·elementui