JavaScript读书笔记——持续更新

一、JavaScript初识和引用

1.JavaScript的组成

  • ECMAScript:核心语法 DOM:
  • 文档对象模型
  • BOM:浏览器对象模型

2.script元素及属性

1.使用<script>元素的方式有两种:

  • 直接在页面中嵌入JavaScript代码
<body>
	<!-- 这里写html代码 -->
	<script>
		/* 这里写JS代码 */
	</script>
</body>
  • 引入JavaScript文件
<body>
	<!-- 这里写html代码 -->
	<script src=""></script>
	<script src=""></script>
	<script src=""></script>
</body>

包含在<script>元素内部的JavaScript代码将从上至下依次解析,在对<script>元素内部的所有代码解析完毕之前,页面中的其余内容都不会被浏览器加载和显示。外部引入的JavaScript文件解析顺序亦是如此。

2.向HTML页面中插入JavaScript的主要方法就是使用<script>标签。它有两个常用的属性,这两个属性都只对外部脚本文件有效。

  • defer:延迟脚本,表示脚本可以延迟到文档被完全解析和显示之后才会执行。会按照指定的顺序执行。
  • async:异步脚本,表示立即下载脚本,但不妨碍页面中的其他操作。不会按指定的顺序执行。

一般情况下,我们会把引入的外部文件写在<head></head>标签内部,但是这样写就意味着必须等到JavaScript代码全都下载解析执行完毕,才会开始呈现页面的内容,只有遇到<body>标签才会开始呈现内容。这样就会导致浏览器在呈现页面时出现延迟,延迟期间浏览器就会是一片空白,为了避免这个问题,我们一般会把JavaScript引用放到<body>标签中页面内容的最后面,也就是<body>标签的最后一个子元素。

通常,在不存在defer和async属性的情况下,浏览器就会按照<script>元素在页面中的先后顺序对他们依次进行解析。也就是只有在第一个<script>元素包含的代码解析完成之后,才会解析第二个<script>元素包含的代码,然后才是第三个…,第四个…

3.引入外部文件的好处:

  • 可维护:开发人员可以在不触及HTML标记的情况下,编辑JavaScript代码。
  • 可缓存:如果有多个页面使用到了用一个文件,那么这个文件只需下载一次,从而能够加快页面的加载速度。
  • 适应未来

3.noscript元素

当浏览器不支持JavaScript时,为了让页面平稳的退化,我们就要使用<noscript>元素。这个元素可以包含<body>中除<noscript>元素之外的任何元素。
<noscript>元素中的内容只有在下面两种情形下才会显示

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值