HTML - <script>,<noscript>

news/2025/1/11 2:37:56/
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/news/1562131.html

相关文章

基于单片机的公交车报站系统设计

摘 要 目前&#xff0c;我国经济快速发展&#xff0c;城市化进程不断加快。公交车作为居民日常出行的重要交通工具&#xff0c;公交车的服务质量直接影响到乘客的乘车体验&#xff0c;关系到城市智能交通的发展。为了解决传统公交车上车载终端信息闭塞的问题&#xff0c;提高公…

基于springboot的课程作业管理系统源码(springboot+vue+mysql)

风定落花生&#xff0c;歌声逐流水&#xff0c;大家好我是风歌&#xff0c;混迹在java圈的辛苦码农。今天要和大家聊的是一款基于springboot的课程作业管理系统。项目源码以及部署相关请联系风歌&#xff0c;文末附上联系信息 。 项目简介&#xff1a; 可以管理首页、个人中心…

BI结合数据分析系统,为企业发展提供坚实的保障

BI商业智能结合数据分析是一个复杂而系统的过程&#xff0c;它涉及数据的收集、处理、分析和呈现等多个环节。数聚就从多年的部署实施经验来详细的阐述BI如何结合数据分析系统&#xff0c;是如何为企业发展奠定基础的。 一、数据集成与清洗 数据集成&#xff1a;BI系统首先需要…

TR-069协议学习--Soap报文、事件、RPC方法

目录 一、SOAP报文 二、事件 三、RPC方法 四、错误码 一、SOAP报文 SOAP&#xff08;Simple Object Access Protocol&#xff0c;简单对象访问协议&#xff09;是一种基于XML的协议&#xff0c;用于在网络上交换结构化信息。SOAP报文是SOAP协议中用于传输数据的XML文档…

2025新年源码免费送

2025很开门很开门的源码免费传递。不需要馒头就能获取4套大开门源码。 听泉偷宝&#xff0c;又进来偷我源码啦&#x1f44a;&#x1f44a;&#x1f44a;。欢迎偷源码 &#x1f525;&#x1f525;&#x1f525; 获取免费源码以及更多源码&#xff0c;可以私信联系我 我们常常…

C++二十三种设计模式之抽象工厂模式

C二十三种设计模式之抽象工厂模式 一、组成二、特点三、目的四、缺点五、示例代码 一、组成 抽象产品类&#xff1a;声明产品功能公共接口。 具体产品类&#xff1a;实现产品功能接口。 抽象工厂类&#xff1a;声明创建一组具体产品公共接口。 具体工厂类&#xff1a;实现创建…

Linux开发工具(补充)

Git git仓库本质上是一个目录&#xff0c;.gitignore文件里对应文件后缀不会被上传 下载指令 sudo yum install git 提交方法 下载项目到本地 创建好一个放置代码的目录. git clone [url] 这里的 url 就是刚刚建立好的项目的链接. 三板斧第一招: git add 将代码放到刚才下…

【python】项目结构下每个包的__init__.py 有什么作用

项目结构下每个包的__init__.py 有什么作用 主要作用&#xff1a;如何编写 __init__.py 文件项目结构中的 __init__.py 文件示例 在 Python 项目中&#xff0c;__init__.py 文件用于将一个目录标记为一个 Python 包。 主要作用&#xff1a; 包的初始化&#xff1a;__init__.py …