js-begin 13 (2017.01.02)－－笔记

一、客户端JS
1、Window对象：表示浏览器的一个窗口或窗体。是一个全局对象，它的属性和方法也是全局变量和全局函数。
（1）location属性
（2）alert()：弹出一个对话框
（3）setTimeout(): 可以注册一个函数，在给定的一段时间后触发一个回调
setTimeout(()=>alert(“hello dsy”), 1000);
（4）window属性：等价于 self 属性，它包含了对窗口自身的引用。当你想明确地引用当前窗口，而不仅仅是隐式地引用它时，可以使用这两个属性。
(5)document属性：引用Document对象，Document表示窗口中的对象
二、在HTML里嵌入JavaJavaScript
1、内嵌，在< script >< /script 标签对之间
2、在< script >标签的src属性指定的外部文件中（建议使用这个）
3、在HTML事件处理程序中，该事件处理程序由onclick和onmouseover的HTML属性指定
4、放在URL里，这个URL使用特殊的”javascript:”协议
三、外部文件中的脚本
(1)具有src属性的< scrip >标签内的任何内容都会被忽略。
(2)使用src属性的优点：
易删除、易改变、如果一个js代码文件由多个页面共享，只需要下载一次，通过使用它的第一个页面，随后的页面可以从浏览器缓存检索它。src属性值可以是任意URL，所以来自一个web服务器的js程序或web页面可以用另一个web服务器输出的代码。从其他网站载入脚本的能力，可以更好的利用缓存。
四、脚本类型
1、js是web的原始脚本语言，默认情况下，假定 < script > 元素包含或引用js代码，如果要使用不标准的脚本语言，那么必须用type属性指定脚本的MIME类型。< script lanauage = “javascript”>< /script > language属性已经被废弃。
五、HTML中的事件处理程序
1、当脚本所在的HTML文件被载入浏览器时，这个脚本里的JS代码只会执行一次，为了可交互，JS必须定义事件处理程序－web浏览器先注册js函数，并在之后调用它作为事件的响应。
六、JS中程序的执行
1、
七、同步、异步和延迟的脚本
1、当HTML解析器遇到< script >元素时，默认先执行脚本，然后恢复文档的解析和渲染，对于内联脚本无影响，但是若脚本源码是一个由src属性指定的外部文件，那么脚本后面的文档部分在下载和执行脚本和 之前都不会出现在浏览器中。脚本的执行在默认情况下是同步和阻塞的。
2、< script >标签的defer和async属性告诉浏览器链接进行的脚本不会使用document.write()属性，也不会生成文档内容，所以浏览器在下载脚本时继续解析和渲染文档。
3、defer属性延迟脚本的执行时间，在文档载入和解析完成之后，才执行脚本。
4、async属性使得浏览器可以尽快的执行脚本，不用在下载时阻塞文档解析。
5、当同时存在async和defer属性时，同时支持两者的浏览器会遵从async属性并忽略defer属性。