JS高级程序设计第2章--精简版

时间 2019-12-13

标签高级程序设计精简栏目 JavaScript 繁體版

原文原文链接

前言：纯手打！！！此次是二刷了，想暑假作一次完整的笔记，但用本子来写笔记的话太贵了，可能哪天还丢了。。因此仍是博客好==javascript

第二章：在HTML中使用JavaScripthtml

2.1 <script>元素：java

　　即在HTML页面插入JS的主要方法。HTML4.01定义了如下JS属性（主要）：面试

　　使用<script>元素的方式：浏览器

2.1.1 <script>元素位置：缓存

　　全部<script>元素都应放在页面的<head>元素里，意味着必须的等到所有JS代码都被下载、解析、执行完成之后才能开始呈现页面的内容（遇到<body>才开始呈现）。app

　　！！！注意，在须要不少JS代码的页面里这样子会延迟页面的呈现，因此下载通常会把所有JS代码放在<body>页面内容的后面！异步

2.1.2 延迟脚本defer：（HTML4.01)async

　　defer="defer" 这个属性只适用于外部脚本文件。推荐把延迟脚本放在页面底部！（在几个延迟脚本的状况下，可能能够按照前后顺序执行）spa

2.1.3 异步脚本aysnc：(HTML5)

　　直接写一个async，XHTML中要写async="async"，这个属性只适用于外部脚本文件，不让页面等待脚本下载和执行，从而异步加载页面其余内容。（在几个延迟脚本的状况下，不能够保证按照前后顺序执行）

2.1.4 XHTML中的使用：

　　XHTML便可以站超文本标语语言，意思就是超级严格！！！用 type="application/xhtml+xml" 才会触发XHTML模式

　　例如使用HTML实体（<）代替小于号 < ，

　　但这样子是否是太麻烦？

　　因此咱们能够在<script> 后加上<![CDATA[JS代码]]>来包含JS代码，这样子能够不用解析了。若是不须要这个CDATA，那就在<![CDATA[JS代码]]>的先后加上 // 就好了。

2.1.5 在不支持JS的浏览器中使用<script>元素会把JS代码内容所有显示在页面，因此咱们能够把JS代码包含在一个HTML注释中，即

<script><!--

　　　　function sayHi () {

　　　　　　alert ("Hi");

　　　　}

　　//--></script>　

2.2 嵌入JS方式的选择：

　　最好仍是使用外部文件，优势是：

2.3 文档模式（很重要！面试常常有）

　　经过使用文档类型（doctype）切换实现。主要有两种文档模式：（模式主要影响CSS内容的呈现和可能影响到JS的解释执行），还有一个准标准模式，我暂不讨论。

　　混杂模式写法：不想写，由于原本就不推荐这种模式！！！

　　标准模式写法：

HTML 4.01 严格型： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
XHTML 1.0 严格型： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

2.4 <noscript>元素：

　　使用这个元素能够产生如下两种效果：（能够在脚本无效的状况下向用户显示一套消息~）