本章节主要介绍了一些JavaScript的标签属性和历史遗留问题;

历史遗留问题:

其中历史遗留问题主要包括:

1.XHTML和HTML的关系;

2.关于有无支持JavaScript的浏览器表情问题,例如<noscript>

标签属性问题:

主要的重点是同步和异步加载JS脚本的问题,涉及到<script>中的src、defer、async属性;

对于<script>标签,既可以在网页中内嵌标签进行加载,也可以外置.js脚本来进行加载,无非是要在标签中加入:

<script src="xxxx.js"></script>

如上所示,和网页中HTML中加入图片链接类似,但是通常两种方法选择其一;

外置JS脚本不仅方便管理,可以避免多个相同资源的重复下载;

对于外置脚本的加载,往往涉及到同步异步问题;

所谓同步就是在网页渲染的同时来进行加载脚本,典型的特征就是加载慢;

所谓异步就是在网页静态加载后,再次下载加载脚本;

其中defer和async相似但是不同;

defer旨在页面静态展示后进行脚本加载,可以指定先后次序;

async和defer相似,但是并不指定先后次序;

值得注意的是,动态加载脚本也可以通过create DOM树的形式进行,但是需要注意的是可以通过async来指定是异步加载还是同步加载;

《JavaScript高级编程》HTML中的JavaScript相关推荐

  1. 读《Javascript高级程序设计》中的javascript事件处理程序(事件侦听器)心得

    今天读了<Javascript高级程序设计>中的javascript事件处理程序(事件侦听器)部分的内容,总结一些自己的心得: 事件就是用户或者浏览器自身执行的某种动作.例如click . ...

  2. javascript高级编程教程,javascript基础入门案例

    谁有比较好的javascript视频教程 李炎恢的javascript教程,在verycd上可以下载. 结合<javascript高级程序设计>学习,应该会比较好,他这个教程就是参考了&l ...

  3. JavaScript 高级编程(二)

    JavaScript 高级编程(二) BOM 一套操作浏览器的API. 常见对象 window: 代表整个浏览器窗口 注意: window是BOM中的一个对象, 并且是一个顶级的对象(全局) Navi ...

  4. JavaScript高级编程 III

    原文地址:http://www.onlamp.com/pub/a/onlamp/2007/11/20/advanced-javascript-iii.html JavaScript高级编程I:http ...

  5. 【读书笔记】JavaScript高级编程(二)

    2019独角兽企业重金招聘Python工程师标准>>> 书中第3章 基本概念摘要(一) 3.3 变量 使用var操作符定义的变量将成为定义该变量的作用域中的局部变量.也就是说,如果在 ...

  6. JavaScript高级编程设计(第三版)——第四章:变量作用域和内存问题

    系列文章目录 第二章:在html中使用javaScript 第三章:基本概念 第四章:变量作用域和内存问题 第五章:引用类型 目录 系列文章目录 前言 一.基本数据类型和引用类型的值? 1.数据类型 ...

  7. JavaScript高级编程设计(第三版)——第三章:基本概念

    系列文章目录 第二章:在html中使用javaScript 第三章:基本概念 第四章:变量作用域和内存问题 目录 系列文章目录 前言 一.语法 1.标识符 2.关键字和保留字 二.数据类型 1.nul ...

  8. javascript 高级程序设计_重读《JavaScript高级程序设计》

    最近自己在休假,打算闭门几天将<JavaScript高级程序设计>(第3版)这本良心教材再回顾一遍.目前自己进入前端领域两年多,现在重读并记录下这本教材的"硬"知识点 ...

  9. JavaScript概述和HTML中嵌入JavaScript的三种方式

    "成功没有捷径,脚踏实地一步一个脚印,该来的总会来,不好高骛远,不急功近利,付出总会有回报,不管处于哪个阶段,都要一步一个脚印,踏实的走好每一步!" 目录 01.JavaScrip ...

  10. JavaScript笔记(二)——HTML中的JavaScript

    JavaScript笔记(二) 读书笔记 HTML中的JavaScript 内容概要 2.1 <\script\>元素 2.1.1 标签位置 2.1.2 推迟执行脚本 2.1.3 异步执行 ...

最新文章

  1. 这是我看过,最好懂的神经网络
  2. 酱油和gbt酱油哪个好_酱油不是越贵越好!找到这3个关键词,轻松避开勾兑酱油...
  3. 体验MySQL MMM
  4. 为什么程序员的社会地位不高?
  5. 人工智能 - paddlepaddle飞桨 - 深度学习基础教程 - 个性化推荐
  6. [Erlang07] Erlang 做图形化编程的尝试:纯Erlang做2048游戏
  7. 多个网站被挂菠菜黑链
  8. 元胞自动机模型01——认识元细胞机模型
  9. 消息队列之Kafka从入门到小牛
  10. kali永久获取root权限
  11. 技术牛人如何发财致富?
  12. 全自动软化水设备:全自动软化水设备选型要点说明
  13. gitLab数据备份和迁移
  14. oracle 无法在指定的节点上,oracle 11g rac 某节点CRS起不来的解决方法
  15. Python数据可视化的3大步骤!
  16. SSM+Layui实现上传图片
  17. Mac远程连接Windows桌面的软件推荐
  18. 【如何让文档左侧显示目录】
  19. 【树莓派 有趣实践】寻找小项目
  20. 白手起家成就亿万富翁梦想的企业家和普通人的10点不同之处

热门文章

  1. Excel根据内容自动调整行高和列宽
  2. 云服务器文件导入,将电脑上的文件导入云服务器
  3. 9.String类 StringBuffer/StringBuilder 的定义
  4. 计算机没有开启还原的功能,win10系统无法开启系统还原功能的详细教程
  5. 十五: TranslateMessage(msg) 函数 和DispatchMessage(msg)函数
  6. 福昕阅读器文档无法高亮的问题
  7. 【猛料】腾讯前总监受贿侵占数百万获刑9年
  8. Java中switch的四种用法
  9. linux网卡驱动离线安装_手动安装linux网卡驱动方法
  10. 敏捷开发产品管理系列之六:Product Servant