首页 > 其他分享 >在HTML中使用script

在HTML中使用script

时间:2022-12-01 00:44:17浏览次数:47  
标签:脚本 异步 script 标签 HTML 文档 使用 加载

script标签

在html文档中使用script标签

async

<script src="1.js" async></script>

async(可选)立即加载脚本
1.立即加载脚本

  1. 不阻塞页面其他操作(异步)
  2. 异步加载完成之后立即执行
  3. 不能保证执行顺序

defer

<script src="1.js" defer></script>

defer(可选)立即加载脚本

  1. 立即加载脚本
  2. 不阻塞页面其他操作(异步)
  3. 加载完成之后不会立即执行
  4. HTML5会按文档中顺序

charset

charset 表示代码字符集

language

language 已废弃 表示脚本代码语言

src

source 外部脚本必填外部文件位置

type

type文档类型 mime类型默认是text/javascript类型

使用Scirpt标签

  1. 直接在页面中嵌入SCRIPT脚本
  2. 引入外部SCRIPT文件

由于js的单线程特性,所有非异步脚本都会按照文档顺序加载执行,所以一般情况下推荐将Script标签放在body最后面的位置,这样可以在body加载完成之后进行js的加载和解析,在用户看来是加载速度的提升

<body>
<h1> hello</h1>
<script type ="text/javascript">

 </script>
</body>

!使用sciprt标签时不要在任何位置出现script闭合标签

var test ="</script>"

如果必须使用,可以通过转义字符的方式

标签:脚本,异步,script,标签,HTML,文档,使用,加载
From: https://www.cnblogs.com/czh0316/p/16940248.html

相关文章

  • 云原生技术采用增加,全球60%后端开发人员都在使用容器 | 趋势分享
    导读:过去几年里,随着数字经济的发展,数字化转型成为企业发展的核心战略。企业上云已是大势所趋,以容器为基础的云原生理念与技术应运而生,并被用户广泛接受。基于容器、微服务、......
  • 开源分布式事务中间件Seata使用指南
    介绍 Seata是阿里巴巴开源的分布式事务中间件,一种分布式事务解决方案,具有高性能和易于使用的微服务架构。 初衷对业务无侵入:即减少技术架构上的微服务化所带来的分布式事......
  • 使用 docker 安装 gitea 仓库
    使用docker安装gitea仓库前提需要Linux系统安装好了dockercompose安装步骤准备文件(官方文档复制相应的compose文件,这里选了个基本的)version:"3"networks:g......
  • HTTP与HTML基础知识
    今日内容概要前端与后端的概念超文本传输协议HTTP超文本标记语言HTML今日内容详细前端与后端的概念前端用于展示及获取数据的界面就是前端,前端的终点在于页面设计......
  • 前端与后端的概念、前端前戏、HTTP协议、HTML简介、HTML概览、预备知识、head内常见标
    目录前端与后端的概念前端前戏HTTP协议HTML简介HTML概览预备知识head内常见标签body内基本标签常见符号body内布局标签body内常用标签列表标签表格标签表单标签前端与后端......
  • Discourse 为什不建议使用 Gmail 的 SMTP
    最开始我们也用了Gmail的SMTP服务。这里有个问题是Gmail的日发送邮件限制,很多人可能认为Gmail是没有日常发送邮件限制的,通常不是这样的,因为如果你是手工回复和发......
  • 前端-HTML
    1.前端与后端的概念1.前端:任何与用户直接打交道的界面,都可以称之为前端(类似于前台接待的角色)。2.后端:不直接与用户打交道,主要负责内部真正的业务逻辑的执行(类似于......
  • 使用Excel数据透视表将一维表转二维表的方法
    问题:从平台上下载的专区课程学习清单,竟然是一维表,也就是姓名、课程、进度,这个表存在2个问题,一是无法快速的知道某人现在学完了几门课程,只能数它的行数,我想要的目的是将这个......
  • 关于hutool工具箱进行RSA非对称加密的使用笔记
    首先是导入hutool工具包的maven依赖<!--huTool工具箱--><dependency><groupId>cn.hutool</groupId><artifactId>hutool-all</arti......
  • 前端之HTML
    目录前端引入知识前端后端前端三剑客前端引入HTTP协议基于HTTP协议搭建HTMLHTMLHTML简介HTML概览HTML文档结构head常见标签body内标签基本标签常见符号布局标签常用标签列......