2. javacript高级程序设计-在HTML中使用JavaScript
1.1 <script>元素
向HTML页面中插入JavaScript的主要方法，就是使用<script>元素，<script>元素定义了一下6个元素：
(1). async：可选，表示立即下载脚本，只对外部脚本文件有效
(2). charset：可选，表示通过src属性指定的代码的字符集
(3). defer：可选，表示脚本可以延迟到文档完全被解析和显示之后再执行，只对外部脚本文件有效
(4). language：已废弃，原来用于表示编写代码使用的脚本语言
(5). src：可选，表示包含要执行代码的外部文件
(6). type：可选，可以看成language的代替属性，表示编写代码使用的脚本语言的内容类型（也成为MIME类型），现在约定俗称使用的是text/javascript
1.2 使用方式
<script>的使用方式有两种：直接在页面中嵌入JavaScript代码和包含外部JavaScript文件
(1). 页面中嵌入JavaScript代码
|
<script type="text/javascript"> function sayHi() { alert("hello world"); } </script> |
(2). 包含外部JabaScript文件
|
<script type="text/javascript" src="demo.js"></script> |
使用外部文件引入JavaScript代码会存在可维护性，可缓存和适应未来等优点，所以建议使用外部文件来引用JavaScript
1.3 标签的位置
现在web应用程序一般都把全部JavaScript引用文件放在<body>元素中页面内容的后面，这样在页面解析JavaScript之前会先加载页面内容
|
<!DOCTYPE html> <head> <title>demo</title>
</head> <body> <!--内容放在这里--> <script type="text/javascript" src="example.js"></script> <script type="text/javascript" src="example.js"></script> </body> </html> |
1.4 <noscript>元素
使用<noscript>元素可以指定在不支持脚本或者禁用脚本的浏览器中显示代替的内容
|
<!DOCTYPE html> <head> <title>demo</title>
</head> <body> <noscript> <p>本页面需要浏览器支持（启用）javascript</p> </noscript> <script type="text/javascript" src="example.js"></script> <script type="text/javascript" src="example.js"></script> </body> </html> |
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构