HTML中的JavaScript——<script>
以写博客的形式记录学习JavaScript高级程序设计的过程,也就是自己的笔记,以及理解。若有错请及时纠正我!
<script>元素
src:是最熟悉的,就是用来包含需要执行的代码外部文件;
async:使用之后,是立即开始下载当前脚本,不会阻止其他页面的动作,也就是异步执行,但只对外部脚本有效;
defer:延迟执行,延迟到文档被完全解析和显示之后再执行;
type:是表示代码中脚本语言的内容类型;
script元素中可以包裹代码,代码会从上到下的顺序来解析,当然也可以用src来引入外部代码文件,执行顺序是不会变。若有两个script元素,在不使用async和defer这两个属性的时候,都会等第一个script元素执行完毕才会执行第二个。一般建议将script元素放在body元素之后,会加快渲染。
js的代码可以写在html文件中,也可以将js放在外部文件中,但是推荐使用外部文件来写js代码。因为在外部文件写js代码——可维护性强,利于缓存;
小结:
1.如果要包含外部 JavaScript 文件,必须将 src 属性设置为要包含文件的 URL。文件可以跟网页在同 一台服务器上,也可以位于完全不同的域。
2.在不使用defer和async的情况下,JavaScript文件都会依次来下载被解释。
3.对不推迟执行的脚本,浏览器通常先解释script中的代码,然后在去执行,所以推荐将sript放在页面末尾。
4.可以使用defer来推迟JavaScript的执行顺序。
5.async可以用来异步执行JavaScript,即不堵塞文档的渲染。
HTML中的JavaScript——<script>相关推荐
- 读《Javascript高级程序设计》中的javascript事件处理程序(事件侦听器)心得
今天读了<Javascript高级程序设计>中的javascript事件处理程序(事件侦听器)部分的内容,总结一些自己的心得: 事件就是用户或者浏览器自身执行的某种动作.例如click . ...
- javascript高级编程教程,javascript基础入门案例
谁有比较好的javascript视频教程 李炎恢的javascript教程,在verycd上可以下载. 结合<javascript高级程序设计>学习,应该会比较好,他这个教程就是参考了&l ...
- JavaScript 高级编程(二)
JavaScript 高级编程(二) BOM 一套操作浏览器的API. 常见对象 window: 代表整个浏览器窗口 注意: window是BOM中的一个对象, 并且是一个顶级的对象(全局) Navi ...
- JavaScript高级编程 III
原文地址:http://www.onlamp.com/pub/a/onlamp/2007/11/20/advanced-javascript-iii.html JavaScript高级编程I:http ...
- 【读书笔记】JavaScript高级编程(二)
2019独角兽企业重金招聘Python工程师标准>>> 书中第3章 基本概念摘要(一) 3.3 变量 使用var操作符定义的变量将成为定义该变量的作用域中的局部变量.也就是说,如果在 ...
- JavaScript高级编程设计(第三版)——第四章:变量作用域和内存问题
系列文章目录 第二章:在html中使用javaScript 第三章:基本概念 第四章:变量作用域和内存问题 第五章:引用类型 目录 系列文章目录 前言 一.基本数据类型和引用类型的值? 1.数据类型 ...
- JavaScript高级编程设计(第三版)——第三章:基本概念
系列文章目录 第二章:在html中使用javaScript 第三章:基本概念 第四章:变量作用域和内存问题 目录 系列文章目录 前言 一.语法 1.标识符 2.关键字和保留字 二.数据类型 1.nul ...
- javascript 高级程序设计_重读《JavaScript高级程序设计》
最近自己在休假,打算闭门几天将<JavaScript高级程序设计>(第3版)这本良心教材再回顾一遍.目前自己进入前端领域两年多,现在重读并记录下这本教材的"硬"知识点 ...
- JavaScript概述和HTML中嵌入JavaScript的三种方式
"成功没有捷径,脚踏实地一步一个脚印,该来的总会来,不好高骛远,不急功近利,付出总会有回报,不管处于哪个阶段,都要一步一个脚印,踏实的走好每一步!" 目录 01.JavaScrip ...
- JavaScript笔记(二)——HTML中的JavaScript
JavaScript笔记(二) 读书笔记 HTML中的JavaScript 内容概要 2.1 <\script\>元素 2.1.1 标签位置 2.1.2 推迟执行脚本 2.1.3 异步执行 ...
最新文章
- python函数注释 参数 省略号_python – make函数在help()函数中有参数的省略号
- hdu 4148 Length of S(n) (坑爹的规律题)
- python导入哨兵数据_Python 下载哨兵Sentinel数据(Sentinel-1~3)
- HashMap源码浅析
- 2导出指定表结构_大白话详解大数据hive知识点,老刘真的很用心(2)
- 数据结构 data structure
- 【docker】使用云服务器运行docker时无法访问宿主机的映射端口
- 如何用SQL语句查询Excel数据?
- KHV0031-himall3.0商城异常类(二)
- 想做游戏测试,你一定要知道这几点!
- ABAP ALV DEMO示例源码
- win10系统重装教程
- Cannot uninstall ‘llvmlite‘. It is a distutils installed project and thus we cannot accurately deter
- openwrt屏蔽广告不生效
- 搭建k8s集群完整流程,云服务器、虚拟机均可参考
- 数据结构(逻辑结构和存储结构)
- 去掉dt和dd默认间隔的方法
- Python中使用Scrapy爬虫抓取上海链家房价信息
- Springboot2.x使用feign自定义Decoder,Advice
- 怀揣坚定与执着,踏实稳步向前