一：DOM和BOM区别
BOM是浏览器对象模型，用来获取或设置浏览器的属性、行为，例如：新建窗口、获取屏幕分辨率、浏览器版本号等。
DOM是文档对象模型，用来获取或设置文档中标签的属性，例如获取或者设置input表单的value值。
BOM的内容不多，主要还是DOM。
由于DOM的操作对象是文档（Document），所以dom和浏览器没有直接关系。
兼容性：
JavaScript由3部分组成： ECMAScript：解释器、翻译兼容性：完全兼容
DOM：Document Object Model （文本对象）兼容性：部分不兼容
BOM：Browser Object Model （浏览器对象）兼容性：不兼容（例如IE，谷歌，火狐，不可能兼容）
二：知识点
1、html输出：document.write('输出内容');
警告
请使用 document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖
2、onclick: <button type="button" onclick="alert('Welcome!')">点击这里</button>
3、alert('弹出提示')：多用于测试代码
4、改变html内容：x=getElementById('id属性值')；
x.innerHTML='新的值内容'；
5、改变html图像：
1 <!DOCTYPE html> 2 <html> 3 <body> 4 <script> 5 function changeImage() 6 { 7 element=document.getElementById('myimage') 8 if (element.src.match("bulbon")) 9 { 10 element.src="/i/eg_bulboff.gif"; 11 } 12 else 13 { 14 element.src="/i/eg_bulbon.gif"; 15 } 16 } 17 </script> 18 19 <img id="myimage" onclick="changeImage()" src="/i/eg_bulboff.gif"> 20 21 <p>点击灯泡来点亮或熄灭这盏灯</p> 22 23 </body> 24 </html>
6、改变html样式
x=document.getElementById("demo") //找到元素
x.style.color="#ff0000"; //改变样式
7、验证输入
if isNaN(x) {alert("Not Numeric")};
8、<script></script>
任何浏览器都可以解析，识别里面的js代码，不用再写type='text/javascript';
9、script 中的src属性设置外联外联js文件
<script src="myScript.js"></script>
外部脚本不能包含 <script> 标签
10、分号
分号用于分隔 JavaScript 语句。
通常我们在每条可执行的语句结尾添加分号。
使用分号的另一用处是在一行中编写多条语句。
提示：您也可能看到不带有分号的案例。
在 JavaScript 中，用分号来结束语句是可选的。
11、JavaScript 对大小写是敏感的
12、JavaScript 会忽略多余的空格
13、JavaScript 是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前对所有代码进行编译。
14、单行注释以 // 开头
多行注释/*....*/。
15、变量如同代数(可存放值、字符串和表达式)
var x=2; var y=3; var z=x+y;
16、如果重新声明 JavaScript 变量，该变量的值不会丢失：
在以下两条语句执行后，变量 carname 的值依然是 "Volvo"：
var carname="Volvo"; var carname;
17、
JavaScript 只有一种数字类型。数字可以带小数点，也可以不带：
var x1=34.00; //使用小数点来写 var x2=34; //不使用小数点来写
极大或极小的数字可以通过科学（指数）计数法来书写
var y=123e5; // 12300000 var z=123e-5; // 0.00123
18、声明变量类型
当您声明新变量时，可以使用关键词 "new" 来声明其类型：
var carname=new String; var x= new Number; var y= new Boolean; var cars= new Array; var person= new Object;
JavaScript 变量均为对象。当您声明一个变量时，就创建了一个新的对象。
19、属性和方法
属性是与对象相关的值。
方法是能够在对象上执行的动作。
20、自定义对象
person=new Object(); person.firstname="Bill"; person.lastname="Gates"; person.age=56; person.eyecolor="blue";
21、文本变大写属性：toUpperCase()
var message="Hello world!"; var x=message.toUpperCase();
22、命名
多使用小驼峰，不使用下划线
23、函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
24、局部变量：在函数内声明的变量，只有该函数可以调用，函数运行完毕，局部变量就会被删除。
25、全局变量：在函数外声明的变量，网页上的所有脚本和函数都可以使用，页面关闭后会被删除。
26、如果您把值赋给尚未声明的变量，该变量将被自动作为全局变量声明。
carname="Volvo";
将声明一个全局变量 carname，即使它在函数内执行。
27、字符串连接‘+’。
28、数字与字符串相加，得到的是字符串。
29、switch中的default:
switch (day)
{
case 6:
x="Today it's Saturday";
break;
case 0:
x="Today it's Sunday";
break;
default:
x="Looking forward to the Weekend";
}
30、setTimeout和setInterval.
①setTimeout(表达式,延时时间)在执行时,是在载入后延迟指定时间后,去执行一次表达式
<script>
setTimeout("alert(‘对不起, 要你久候’)", 3000 )
或者如下：
setTimeout(function(){
...},3000);
</script>
②setInterval(表达式,交互时间)则不一样,它从载入后,每隔指定的时间就执行一次表达式
③区别：
//每60秒执行myFunction()一次
setInterval("myFunction()",60000);
funcition myFunction(){
alert(’myFunction()’);
}
//每60秒执行一次myFunction()
setTimeout("myFunction()",60000); //需要函数触发
//如 放置在 body 的 onload事件里面