JavaScript高级程序设计——第2章 在HTML中使用JavaScript元素

《JavaScript高级程序设计》读书笔记 【1~7章】 文章目录1.Javascript简介1.1. ECMAScript1.1.1. ECMAScript简介1.1.2. ECMAScript兼容1.2. 文档对象类型DOM1.2.1. DOM简介1.2.2. DOM级别1.2.3. 其他DOM标准1.3. 浏览器对象类型BOM2. HTML中使用JavaScript2.1. < script >元素3. 基本概念3.1. 语法3.2. 数据类型3.3. 流控制语句3.4. 理解函数 1.Javascript简介 JavaScript是一种专为与网 阅读详情

2.1 script元素的属性(HTML 4.01)

名称作用
async可选,表示应该立刻下载脚本,但是不应妨碍页面中其他操作。只对外部脚本有效
charset可选,表示通过src属性指定的代码的字符集。由于大多数浏览器会忽略他的职务,这个属性很少人用。
defer可选,表示脚本被延迟到文档被完全解析和显示之后再执行。只对外部脚本文件有效
language已废弃 。原用于表示编写代码使用的脚本语言(如JavaScript,VBScript)
src可选
type可选,可以看成是language属性的代替;表示编写代码使用的脚本语言的内容类型(MIME类型)。约定俗成是text/jivascript,但是服务器在传送JavaScript文件时使用的MIME类型通常是application/x-javascript

补充:MIME 类型
MIME (Multipurpose Internet Mail Extensions) 是描述消息内容类型的因特网标准。MIME 消息能包含文本、图像、音频、视频以及其他应用程序专用的数据。

2.1.1几个属性详解

1、 浏览器在遇到标签时才开始呈现内容。一般,放在之前
2、 下列代码

<head>
  <script type = "text/javascript" defer = "defer" src = "example.js"></script>
</head>
<body>
...

example.js会被立刻下载,但是延迟到浏览器遇到标签才执行。多个延迟脚本不一定按顺序执行。
3、 异步脚本

指定async属性是为了不让页面等待两个脚本文件下载和执行,从而异步加载页面其他内容。建议异步脚本不要在加载期间修改DOM。
异步脚本一定会在页面load事件前执行,但可能会在DOMContentLoaded事件触发之前或之后执行。

【YOLOv8实战】从零构建番茄成熟度智能检测GUI系统【附完整工程】 本文详细介绍了从零构建基于YOLOv8的番茄成熟度智能检测GUI系统的完整实战流程。内容涵盖环境搭建、数据集准备、模型训练调优,并重点讲解如何使用PyQt5开发图形界面,最终将项目打包为可执行文件,实现AI模型从训练到桌面应用落地的完整工程闭环。 阅读详情

相关推荐

【在英伟达nvidia的jetson-orin-nx上使用调试can基础收发-硬件连接-开机自启动can-初步调试】

近期开始学习英伟达的工控板,作为新手还是有很多不同懂得地方,但是一部分它用的linux系统,有点像玩树莓派,通过自己一段时间学习can调试,终于可以简单通信了。开始的时候,自己也是什么都不是很懂,从新手一点点摸索过来,现在使用工控机,简单can通信也已经没有问题了,算是有些进步吧。每一步走的都很艰辛,需要反复验证,才能准去无误,开始以为发送没有问题就没事了,没想到发送可以却接受不行,每一步都要反复确认啊,这个问题会持续关注下吧。

qq_22146161的博客 6120

javascript高级程序设计学习笔记——第二章 在HTML中使用javascript

一、script元素 使用元素,向HTML页面中插入javascript代码; 元素的属性包括: async:可选,表示应该立即下载脚本,但不应妨碍页面中的其他操作,只对外部脚本文件有效; charset:可选,表示通过src属性指定的代码的字符集; defer:可选,表示脚本可以延迟到文档完全被解析和显示之后在执行,只对外部脚本文件有效; langua

有梦想的猿哥哥博客 582

window下迁移SVN仓库到新的windows服务器

window下迁移SVN仓库到新的windows服务器

Bertram的博客 4692

JavaScript高级程序设计第三版 第2章 在HTML中使用JavaScript

第2章 在HTML中使用JavaScript2.1 < script>元素在页面中嵌入 JavaScript 代码时输出< /script>如果要通过< script>元素来包含外部 JavaScript 文件做法注意安全2.1.1 标签的位置 在当初开发JavaScript 的时候, Netscape 要解决的一个重要问题就是如何做到让 JavaScript ...

Hello 547

ROS2实战:手把手教你用walking机器人仿真实现医院多楼层自动配送(含实时地图切换)

本文详细介绍了如何利用ROS2和walking机器人仿真平台实现医院多楼层自动配送系统,重点讲解了动态地图切换技术和多楼层导航的实现方法。通过实时加载地图和优化电梯过渡策略,解决了医院复杂环境下的自主配送难题,为医疗物流自动化提供了实用解决方案。

weixin_29090917的博客 364

6层高速PCB设计实战:BGA布局与阻抗匹配关键解析

本文深入解析6层高速PCB设计中BGA布局与阻抗匹配的关键技术。通过实战经验分享,详细介绍了六层PCB层叠结构的选择与优化、BGA器件布局技巧、阻抗匹配的实战经验以及高速布线技巧,帮助工程师提升PCB设计水平,确保信号完整性和电源完整性。

weixin_28481133的博客 368

html2pdf.js使用与配置详解

是一个纯前端的 JavaScript 库,用于将 HTML 元素转换为可下载的 PDF 文件。:将 DOM 元素渲染为 Canvas 图像12。:将图像或文本生成 PDF 文件26。:完全在浏览器端运行,无需服务器支持,适合生成报告、发票等场景17。使用捕获目标 DOM 的快照,生成 Canvas 图像(本质是位图)26。将 Canvas 图像插入jsPDF实例,按配置(如页面尺寸、方向)生成 PDF28。图表代码下载HTML元素html2canvas生成Canvas图像。

BillKu的博客 5526

Linux内存从0到1学习笔记(10.1 BugsShooter之cma配置过小导致页迁移繁忙而内存申请失败)

通过向武神讨教,顺便记录cma内存有空间但页繁忙(页正被访问,无法迁移)迁移不了导致cma内存分配失败的排查过程。

从0到1,突破自己 1万+

【JavaScript】 JS中获取HTML元素值的三种方法

JavaScript中获取HTML元素值的三种方法 JS获取DOM元素的方法(8种): 通过ID获取(getElementById) 通过name属性(getElementsByName) 通过标签名(getElementsByTagName) 通过类名(getElementsByClassName) 获取html的方法(document.documentElement) 获取bod...

未名学园 2万+

【Bug已解决】Codex CLI 报错 apply_patch 失败:无法应用补丁的解决方案

方案适用场景推荐指数统一换行符规范跨平台协作项目的标准配置⭐⭐⭐⭐⭐关闭自动格式化冲突IDE 与 Codex 并发编辑同一文件⭐⭐⭐⭐缩小任务改动范围长期有效的使用习惯优化⭐⭐⭐⭐⭐统一 UTF-8 编码涉及非 UTF-8 遗留文件的项目⭐⭐⭐提示重新读取文件单次失败后的快速恢复方式⭐⭐⭐⭐报错的本质是Codex 生成补丁时读取的文件内容,与实际应用补丁时磁盘上的文件内容出现了不一致,常见诱因包括换行符风格混用、文件被其他工具并发修改、编码问题等。

一键难忘的博客 7301

044.树莓派4B部署YOLO:从系统烧录到模型运行

《树莓派4B部署YOLOv8实战笔记》摘要:本文详细记录了在ARM架构树莓派4B上部署YOLOv8的全流程。关键点包括:必须使用64位系统并手动编译OpenCV(禁用FFMPEG、开启NEON优化);模型需在x86转换为TFLite格式(分辨率不超过320×320);推理代码使用tflite_runtime替代TensorFlow以减少内存占用;针对USB摄像头卡顿、内存泄漏等典型问题给出了解决方案。

2603_95664987的博客 169

使用JavaScript删除HTML元素

给定一个HTML元素,如何使用JavaScript从文档中删除该HTML元素?下面本篇文章就来给大家介绍一下使用JavaScript删除HTML元素的方法,希望对大家有所帮助。 如何使用JavaScript删除HTML元素? 做法: ● 选择需要删除的HTML元素。 ● 使用JavaScript remove()或removeChild()方法从HTML文档中删除元素。 示例1:使用removeChild()方法删除HTML元素 <!DOCTYPE html> <html

qq_43067585的博客 1万+

【软件测试】- 公有云、私有云、混合云简介以及如何在公有云与私有云上分别搭建测试环境

公有云、私有云以及混合云是目前云计算领域的三种主要模式。它们之间的区别主要在于部署方式、数据访问和管理控制的不同。在阿里云或腾讯云上使用 Kubernetes 和 Docker 搭建测试环境可以提供高度的可伸缩性和灵活性。这样的环境非常适合于需要在多种配置和条件下进行测试的复杂应用。通过云服务提供的工具和服务,可以轻松管理和监控整个测试过程。在云服务上搭建测试环境涉及选择合适的云提供商、配置云资源、安装和设置所需软件等步骤。### 1. 选择云服务提供商。

weixin_46453070的博客 2342

重看Javascript高级程序设计,第2章:在HTML中使用Javascript

本章知识点: 怎样使用&lt;script&gt;元素 嵌入脚本和外部脚本 文档模式对Javascript的影响 考虑禁用Javascript的场景 2.1 &lt;script&gt;元素 HTML中插入Javascript的主要方式就是script标签。script有下列属性:  async:表示立即下载该脚本,但不妨碍页面中的其他操作。比如下载其他资源或者等待加载其他脚本。只对外...

qq_19249021的博客 481

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目,保存在这里方便以后使用直接下载

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能:商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传,基本资料下载,开钱箱、小票打印、收款结算,支持多币种付款方式(现金、储值卡、礼券、微信等),支持多种促销。运行环境:.net 4.0登陆信息用户名:1001 密码:123456内置商品信息,商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏 相关源码待公开

第2 章 HTML 中的JavaScript

本章内容 使用<script>元素 行内脚本与外部脚本的比较 文档模式对JavaScript 有什么影响 确保JavaScript 不可用时的用户体验将JavaScript 引入网页,首先要解决它与网页的主导语言HTML 的关系问题。在JavaScript 早期,网景公司的工作人员希望在将JavaScript 引入HTML 页面的同时,不会导致页面在其他浏览器中渲染出问题。通过反复试错和讨论,他们最终做出了一些决定,并达成了向网页中引入通用脚本能力的共识。

卡拉米 1112

廖雪峰Python教程[完整版]

廖雪峰的python教程整理的,已经排好版了,而且还是完整的,适合小白

【JavaScript】《JavaScript高级程序设计 (第4版) 》笔记-Chapter2-HTML 中的 JavaScript

这就为使用服务器端脚本语言动态生成 JavaScript 代码,或者在浏览器中将 JavaScript扩展语言(如TypeScript,或React的 JSX)转译为JavaScript提供了可能性。虽然可以直接在 HTML 文件中嵌入 JavaScript 代码,但通常认为最佳实践是尽可能将 JavaScript 代码放在外部文件中。这个属性表示脚本在执行的时候不会改变页面的结构。的方式有两种:通过它直接在网页中嵌入 JavaScript 代码,以及通过它在网页中包含外部 JavaScript 文件。

江湖人称菠萝包 2034

迈瑞BS系列全自动生化分析仪LIS协议接口手册(内含HL7和ASTM)

迈瑞BS系列全自动生化分析仪LIS协议接口手册,内含HL7和ASTM)

0121-2-JavaScript高级程序设计1-10章

通过阅读这本书写下的一些笔记DOM将整个页面抽象为一组分层节点。BOM用于支持访问和操作浏览器的窗口。2.1.3 异步加载脚本async属性和defer,两者都能适用于外部脚本,告诉浏览器立即开始下载。 2.1.4 动态加载脚本 第3章——语言基础 var声明的变量会被提升(hoist),把所有变量声明都拿到函数作用域顶部,在函数退出时被销毁。 let声明的范围是块作用域,var声明的范围是函数作用域。 const声明范围也是块作用域,是必须同时初始化变量。 注意:平时使用中,const优先,let次

qq_24428851的博客 991

使用JS删除HTML元素的两种方法

使用removeChild()方法删除HTML元素。:使用remove()方法从文档中删除HTML元素。

sejinan的博客 6193

【精读笔记】JavaScript高级程序设计 第2章 HTML中的JavaScript

第二章 HTML中的JavaScript 2.1 ​ 将JavaScript插入HTML的主要方式是使用 async:可选。表示应该立即开始下载脚本,但不能阻止其他页面动作,比如下载资源或者等待其他脚本加载。只对外部脚本文件有效。 charset:可选。使用src属性指定的代码字符集。少用。 crossorigin:可选。配置相关请求的CORS(跨资源共享)设置。默认不使用CORS。 defer:可选。表示脚本可以延迟到文档完全被解析和显示置后再执行。只对外部脚本文件有效。 integrity:可选。允许.

FloriaLiii的博客 204

JavaScript高级程序设计

DOM将整个页面抽象为一组分层节点。BOM用于支持访问和操作浏览器的窗口。

qq_24428851的博客 1194

JavaScript高级程序设计(一)(二)章

重点介绍介绍ECMAScript 和DOM标准。在此基础上探讨客户端检测、事件、动画、表单、错误处理及JSON,最后介绍近年涌现的最新和最重要的规范,包括Fetch API、模块、工作者线程、服务线程以及大量新API。JavaScript历史回顾JavaScript是什么JavaScript与ECMAScript的关系JavaScript的不同版本。

weixin_74009702的博客 1396

笔记:红宝书 ——《JavaScript高级程序设计》 :第2章 HTML中的JavaScript

红宝书 第2章 HTML中的JavaScript2.1 ` 在JavaScript早期,网景公司的工作人员希望在将JavaScript引入HTML页面的同时,不会导致页面在其他浏览器中渲染初问题 最终他们达成了向网页中引入通用脚本能力的共识 当初他们的工作得到了保留,并且最终形成了HTML规范 2.1 <script>元素 将JavaScript插入HTML的主要方法是使用<script>元素。这个元素是由网景公司创造出来,并最早在Netscape Navigator2 中实现的

piaoliangj的博客 290

精读《JavaScript 高级程序设计 第4版》第14章 DOM(一)

结合现代AI精读《JavaScript 高级程序设计 第4版》第14章DOM中的节点层级相关知识点,包含Node类型、Document类型、Element类型等多种DOM类型的相关属性与操作方法。

Kevin_CKX的博客 1058

Javascript高级程序设计

Javascript高级程序设计 下载地址:Javascript高级程序设计 第12章 事件 1.事件流 1.1事件冒泡(IE事件流) □事件冒泡(event bubbling),即事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接受,然后逐级向上传播到较为不具体的节点(文档)。 □所有浏览器均支持事件冒泡。Firefox、chrome、safari将事件一直冒泡到wind

吧主 1210

JavaScript高级程序设计3:第2章 在 HTML 中使用 JavaScript

第2章 在 HTML 中使用 JavaScript <script>定义了6个属性: 2.1 <script>元素 src属性可指向当前HTML页面所在域之外的某个域中的完整URL,表示包含要执行代码的外部文件。 无论如何包含代码,只要不存在defer和async属性,浏览器都会按照<script>元素在页面中出现的先后顺序对他们一次进行解析。 2.1.1 标签的位置 为了降低页面加载的时间,减少延迟,一般都把全部 JavaScript

mqmak的博客 107

《JavaScript高级程序设计(第3版)》笔记——第2章

文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结1. < script > 元素 前言 提示:这里可以添加本文要记录的大概内容: 例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。 提示:以下是本篇文章正文内容,下面案例可供参考 一、pandas是什么? 示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。 二、使用步骤 1.引入库 代码如下(示例): imp.

qq_45693091的博客 418
上一篇: JavaScript高级程序设计——第3章 基本语法
下一篇: JavaScript高级程序设计——第4章 变量、作用域和内存问题
扬扬羊
博客等级 码龄9年 11粉丝 16原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值