高程3

JS

js由核心ECMAScript 文档对象模型DOM 浏览器对象模型BOM组成

DOM

文档对象模型DOM是页面内标签 Document Object Model 遵循W3C标准

BOM

浏览器对象模型BOM 指可操作浏览器窗口的对象模型(Browwer Object Model) 
H5把操作浏览器的一些东西扩展作为操作BOM的一部分 
弹出浏览器窗口的功能;
移动缩放和变故浏览器窗口的功能
浏览器详细信息的navigator对象
浏览器加载页面的详细信息的location对象
提供用户显示器分辨率详细信息的screen对象
对cookies支持
想XMLGttpRequest和IE的ActiveXObject这样自定义对象

小结

ECMAScript 提供核心语言功能
文档对象模型(DOM)提供访问和操作网页内容的方法和接口
浏览器对象模型(BOM)提供与浏览器交互的方法和接口

在HTML中使用JavaScript

使用script标签的sec引入外部js (标签内写js代码会被忽略 因为只当做引用js使用)
一般会在页面最后引入js 防止页面加载过慢卡主.
首先头部加载css 然后body加载html 最后加载js 是最好的执行速度
加上async的js意思是异步执行js 最好不要在里面写操作dom的方法 异步脚本一定会在页面load事件前执行,但可能会在DOMContentLoaded事件出发之前或之后执行

标签

包含在<noscript>元素中的内容只有在下列情况下才会显示出来:
	浏览器不支持脚本;
	浏览器支持脚本,但是脚本被禁用;

小结

在包含外部JS文件时,必须将src属性设置为指向响应文件的URL,而这个文件既可以是与包含它真的页面位于同一个服务器上的文件,也可以是其他任何域中的文件(解决跨域的一种方案)
所有<script>元素都会按照他们在页面中出现的先后顺序一次被解析,在不使用defer和async属性的情况下,只有在解析完前面<script>元素中的代码之后,才会解析后面< script>元素中的代码
由于浏览器会先解析完不使用defer属性的<script>元素中的代码.然后再解析后面的内容所以一般应该把<script>元素放再页面最后,及主要内容后面,</body>标签前面
使用defer属性可以让脚本在文档完全呈现之后再执行.延迟脚本总是按照指定他们的顺序执行.
使用async属性可以表示当前脚本不比等待其他脚本,也不必阻塞文档呈现,不能保证异步脚本按照他们在页面中出现顺序执行.
使用<noscript>可以在不支持script的页面中显示替代的内容

基本概念

作用域:

数据类型

有Undefined Null Boolean Number String五种基本类型和Object复杂类型

null

boolean

if相当于默认执行了Boolean() 这个方法.

Number

String类型

Object类型

var o = new Object()

操作符

加减乘除 + - * % 适用于字符串数字值布尔值甚至对象,不过在用于对象的时候通常会调用对象的valueOf()或 toString()以便取得可以操作的值.