首页 > 其他分享 >script的加载方式标记

script的加载方式标记

时间:2023-08-01 13:22:46浏览次数:32  
标签:脚本 执行 标记 script HTML 加载 属性

在 HTML 中,可以通过以下几种方式来指定 JavaScript 脚本的加载方式:

  1. <script> 标签的 async 属性:async 属性用于指定脚本的异步加载。当指定了 async 属性时,脚本将会在加载时不阻塞 HTML 解析,并在加载完成后立即执行。多个异步脚本的执行顺序是不确定的。
Copy
<script src="script.js" async></script>
  1. <script> 标签的 defer 属性:defer 属性用于指定脚本的延迟加载。当指定了 defer 属性时,脚本将会在 HTML 解析完成后再执行,但在 DOMContentLoaded 事件之前执行。多个延迟脚本的执行顺序是按照它们在文档中出现的顺序执行的。
Copy
<script src="script.js" defer></script>
  1. 动态加载脚本:通过 JavaScript 动态创建 <script> 标签,然后将其插入到文档中。动态加载脚本可以在任何时候进行,例如在页面加载后、用户操作后或其他事件触发时。这种方式可以控制脚本的加载时机。
Copy
var script = document.createElement('script');
script.src = 'script.js';
document.body.appendChild(script);

需要注意的是,JavaScript 脚本默认是同步加载的,即阻塞 HTML 解析并立即执行。以上的标记和方法可以调整脚本的加载方式,使其异步或延迟加载,提高页面加载性能或控制脚本执行时机。

标签:脚本,执行,标记,script,HTML,加载,属性
From: https://www.cnblogs.com/liace/p/17596190.html

相关文章

  • Angular F5重新加载进入404错误
     解决方法: 在app.module.ts中增加如下配置 参考......
  • WCF无法加载DLLImporte的dll(focas)
    WCF无法加载DLLImported的dll尝试将外部DLL放到路径C:\Windows\SysWOW64\inetsrv  DllImport1.托管代码与非托管代码在学习DllImport方法之前,先了解下托管代码和非托管代码的概念。我们编写的C#代码(不只是C#,也包括.net平台上的其他语言,如VB,J#等),首先经过编译器把代码编译......
  • JavaScript
    1、什么是JavaScriptJavaScript是一门世界上最流行的脚本语言一个合格的后端人员,必须精通JavaScript历史:https://blog.csdn.net/kese7952/article/details/793578682、快速入门2.1、引入JavaScript1、内部标签<script>//......</script>2、外部标签abs.js//......
  • JavaScript基础01
    javaScript作用1.嵌入动态文本于HTML页面。2.对浏览器事件做出响应。3.读写HTML元素。4.在数据被提交到服务器之前验证数据。5.检测访客的浏览器信息。控制cookies,包括创建和修改等。6.基于Node.js技术进行服务器端编程。js主要的内容ECMAScript语法变量......
  • JavaScript 浅拷贝和深拷贝详解
    一、基本数据类型和引用数据类型基本数据类型:1.Number(数字类型)2.String(字符串类型)3.Boolean(布尔类型)4.Null(空类型)5.Undefined(未定义类型)6.Symbol(符号类型)引用数据类型:Object(对象类型):表示一组无序的键值对,例如{name:'张三',age:18}。基本数据类型是简单的数据类型,它......
  • 【867】pgAdmin4 无法加载 loading 的问题解决
    ref:LoadingpgAdmin4v7.4...whileopeningpgAdminIhadthesameproblemwheninstallingpgAdminviathepostgresql-15.3-3-windows-x64installer.Solution:uninstallPostgreSQL;reinstallPostgreSQLbutinthecomponentsselection,uncheckPGAdmin;......
  • 【Python&目标识别】Labelimg标记深度学习(yolo)样本
    ​    人工智能、ai、深度学习已经火了很长一段时间了,但是还有很多小伙伴没有接触到这个行业,但大家应该多多少少听过,网上有些兼职就是拿电脑拉拉框、数据标注啥的,其实这就是在标记样本,供计算机去学习。所以今天跟大家分享下如何使用Labelimg去自己标记深度学习样本。......
  • javascript实现浏览器端大文件分块上传
    ​ 以ASP.NETCoreWebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API,包括文件的上传和下载。 准备文件上传的API #region 文件上传  可以带参数        [HttpPost("upload")]        publicJsonResultuploadProject(I......
  • 【Web开发指南】如何用MyEclipse进行JavaScript开发?
    由于MyEclipse中有高级语法高亮显示、智能内容辅助和准确验证等特性,进行JavaScript编码不再是一项繁琐的任务。MyEclipsev2023.1.1离线版下载MyEclipse技术交流群:742336981欢迎一起进群讨论JavaScript项目在MyEclipse 2021及以后的版本中,大多数JavaScript支持都是开箱即用......
  • vue2集成tinymce富文本编辑器,添加本地资源解决加载慢问题
     组件源码版本licensetinymce地址4.9.3MIT示例项目一源码地址:gitee1.封装组件<template><div:class="{fullscreen:fullscreen}"class="tinymce-container":style="{width:containerWidth}"><textarea:id="tinymc......