1. JavaScript简介
01. js是一种专为网页交互而设计的脚本语言
02. 三个组成部分:
001. ECMAScript,由ECMA-262定义,提供核心语言功能;
002. DOM(文档对象模型),提供访问和操作网页内容的方法和接口;
003. BOM(浏览器对象模型),提供与浏览器交互的方法和接口
2. 在HTML中使用JavaScript
01. <script>元素的使用方式:
001. 直接在页面中嵌入JavaScript代码
002. 包含外部JavaScript文件
02. 要引入外部js文件时,必须将src属性设置为指向响应文件的URL。该文件可以是与包含它页面位于同一服务器上的文件,也可以是其他任何域中的文件
03. 所有的<script>元素都会按照它们在页面中出现的先后顺序依次被解析。在不使用defer和async属性的情况下,只有解析完前面 <script>元素中的代 析后面 <script>元素中的代码。在这种情况下,一般把 <script>元素放在页面最后,即主要内容后面,</body>标签前面
04. 使用defer属性可以让脚本在文档完成呈现之后再执行(即遇到</html>标签之后再执行)。延迟脚本总是按照指定它们的顺序执行
05. 使用async属性可以表示当前脚本不必等待其他脚本,也不必阻塞文档呈现。不能保证异步脚本按照它们在页面中出现的顺序执行,所以使用该属性时,应该确保两者之间互不依赖,并且建议异步脚本不要在加载期间修改DOM
06. <noscript>元素可以指定在不支持脚本的浏览器中显示的替代内容。但是在启用了脚本的情况下,浏览器不会显示<noscript>元素中的任何内容
07. 记住不要在代码中的任何地方出现"</script>"字符串。因为按照解析嵌入式代码的规则,当浏览器遇到字符串"</script>"时,就会认为那是结束的</script>标签。可以通过转义字符 "\" 解决这个问题
08. XHTML(Extensible HyperText Markup Language)可拓展超文本标记语言
001. 是将HTML作为XML的应用而重新定义的一个标准
002. 在XHML中,小于号(<)会被当作开始一个新标签来解析。为了解决这个问题,可以使用一个CData片段来包含JavaScript代码。
003. 在XML中,CData片段是文档中的一个特殊区域,这个区域可以包含不需要解析的任何格式的文本内容,因此在CData片段可以使用任何字符。
<![CDATA[xxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxx
]]>
004. 使用CData片段的前提是该浏览器兼容XHTML。若该浏览器不兼容,则不支持CData片段。因此,可以使用JavaScript注释将CData标记注释掉即可。这种格式在所有现代浏览器中都可以正常使用
//<![CDATA[xxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxx
//]]>
09. 文档模式:混杂模式和标准模式,这两种模式主要影响CSS内容的呈现,但是在某些情况下也会影响JavaScript的解释执行
10. 如果在文档开始处没有发现文档声明类型,则所有浏览器默认开启混杂模式
11. <!DOCTYPE html>这是HTML5的文档声明类型