HTML - <script>,<noscript>

ops/2025/1/15 21:05:30/
HTML.html" title=html>htmledit_views">

<script>标签用于在网页插入脚本,<noscript>标签用于指定浏览器不支持脚本时的显示内容。

1.<script>

<script>用于加载脚本代码,目前主要是加载 JavaScript 代码。

HTML.html" title=html>html"><script>
console.log('hello world');
</script>

上面代码嵌入网页,会立即执行。

<script>也可以加载外部脚本,src属性给出外部脚本的地址。

HTML.html" title=html>html"><script src="javascript.js"></script>

上面代码会加载javascript.js脚本文件,并执行。

type属性给出脚本的类型,默认是 JavaScript 代码,所以可省略。完整的写法其实是下面这样。

HTML.html" title=html>html"><script type="text/javascript" src="javascript.js"></script>

type属性也可以设成module,表示这是一个 ES6 模块,不是传统脚本。

HTML.html" title=html>html"><script type="module" src="main.js"></script>

对于那些不支持 ES6 模块的浏览器,可以设置nomodule属性。支持 ES6 模块的浏览器,会不加载指定的脚本。这个属性通常与type="module"配合使用,作为老式浏览器的回退方案。

HTML.html" title=html>html"><script type="module" src="main.js"></script>
<script nomodule src="fallback.js"></script>

<script>还有下面一些其他属性,大部分跟 JavaScript 语言有关,可以参考相关的 JavaScript 教程。

  • async:该属性指定 JavaScript 代码为异步执行,不是造成阻塞效果,JavaScript 代码默认是同步执行。
  • defer:该属性指定 JavaScript 代码不是立即执行,而是页面解析完成后执行。
  • crossorigin:如果采用这个属性,就会采用跨域的方式加载外部脚本,即 HTTP 请求的头信息会加上origin字段。
  • integrity:给出外部脚本的哈希值,防止脚本被篡改。只有哈希值相符的外部脚本,才会执行。
  • nonce:一个密码随机数,由服务器在 HTTP 头信息里面给出,每次加载脚本都不一样。它相当于给出了内嵌脚本的白名单,只有在白名单内的脚本才能执行。
  • referrerpolicy:HTTP 请求的Referer字段的处理方法。

2.<noscript>

<noscript>标签用于浏览器不支持或关闭 JavaScript 时,所要显示的内容。用户关闭 JavaScript 可能是为了节省带宽,以延长手机电池寿命,或者为了防止追踪,保护隐私。

HTML.html" title=html>html"><noscript>您的浏览器不能执行 JavaScript 语言,页面无法正常显示。
</noscript>

上面这段代码,只有浏览器不能执行 JavaScript 代码时才会显示,否则就不会显示。


http://www.ppmy.cn/ops/149015.html

相关文章

H266/VVC 帧内预测 PDPC 技术

位置决定的帧内预测组合 PDPC 在 VVC 中&#xff0c;对于帧内预测的 Planar 模式、DC 模式和几种角度模式需要使用 PDPC (position dependent intra prediction combination) 方法进一步处理。 PDPC 用于 DC 模式、Planar 模式、小于等于水平模式(模式 18) 的角度模式、大于等于…

OA系统如何做好DDOS防护

OA系统如何做好DDOS防护&#xff1f;在数字化办公蔚然成风的当下&#xff0c;OA&#xff08;办公自动化&#xff09;系统作为企业内部管理与协作的神经中枢&#xff0c;其安全性和稳定性直接关系到企业的日常运营效率、信息流通效率以及长远发展。OA系统不仅承载着企业内部的日…

Swift语言的学习路线

Swift语言学习路线 Swift是一种由苹果公司开发的编程语言&#xff0c;主要用于开发iOS、macOS、watchOS以及tvOS的应用程序。自2014年发布以来&#xff0c;Swift以其简洁、易读和安全的特性&#xff0c;逐渐成为了移动开发和软件开发领域的重要语言。对于初学者来说&#xff0…

ip属地什么条件会改变?多角度深入探讨

IP属地&#xff0c;即IP地址的归属地&#xff0c;是互联网上设备连接时的一个关键信息&#xff0c;它通常反映了设备连接互联网时的地理位置。随着社交软件及各大平台推出IP归属地显示功能&#xff0c;IP属地的变化问题逐渐受到广大用户的关注。那么&#xff0c;IP属地在什么条…

Branch-Solve-Merge Improves Large Language Model Evaluation and Generation

题目 分支-求解-合并改进了大型语言模型的评估和生成 摘要 大型语言模型(LLM)经常用于多方面的语言生成和评估任务&#xff0c;这些任务涉及满足复杂的用户约束或考虑多个方面和标准。然而&#xff0c;由于模型缺乏一致性&#xff0c;无法计划和分解问题&#xff0c;他们的表现…

15.3 hana 修改 tenantDB中system用户的密码

1 登录systemDB查DB状态 SELECT * FROM M_DATABASES 2 systemDB中停<

Maven 构建:如何使用 maven-resources-plugin 处理资源文件

在 Java 项目的构建过程中&#xff0c;资源文件的管理是一个非常重要的环节。Maven 作为广泛使用的构建工具&#xff0c;提供了强大的插件系统&#xff0c;帮助开发者在构建时管理各种资源文件。而在这其中&#xff0c;maven-resources-plugin 插件扮演了至关重要的角色。 本文…

『SQLite』常见数据类型(动态类型系统)

通常大部分 SQL 数据库引擎都是使用静态的严格的类型&#xff0c;其值的数据类型由容器&#xff08;存储值的特定列&#xff09;来决定&#xff1b;而 SQLite 使用一个更普遍的动态类型系统。在 SQLite 中&#xff0c;值的数据类型与值本身是相关的&#xff0c;而不是与它的容器…