html+JS学习笔记1

HTML的主要功能是告诉浏览器，如何去显示一些内容

CSS主要功能是改变HTML元素的样式

JavaScript用来控制行为，可以在HTML里做动画，可以发数据给服务器，还可以做APP。

1、alert('hello world!');  这个语句就是在浏览器中弹出Hello World!

还可以进行计算。alert('1+1');

2、变量：有时候我们需要将信息存储在一个地方时，就需要使用它。先声明，再赋值。

字符串：它是用来存储字符信息的，它的使用和变量是一样的，也同样需要先声明后赋值。同时，字符串是可以用+联接的。

3、实际操作中，通过DOM(Document Object Model) — 文档对象模型，来控制网页做我们想做的事情，它能使HTML和JavaScript紧密的结合在一起。也叫做DOM树。每个标签可以看成一个对象组成了这个模型，每一个HTML元素都可以被定位，则在找到元素之后我们就可以改变元素啦，可以做出动态效果。查找元素需要根据元素的id（也就是编号），这个id是唯一的，不可重复设置，像身份证号一样。

4、获取p1的内容并显示：

var p1=document.getElementById('p1');

var p2=document.getElementById('p2');

var t = p1.innerHTML;

alert(t);

5、innerHTML在JS是双向功能：获取对象的内容  或  向对象插入内容；

如：

这是内容

 我们可以通过 var p1 =  document.getElementById('aa').innerHTML 来获取id为aa的对象的内嵌内容；

也可以对某对象插入内容，如  document.getElementById('abc').innerHTML='这是被插入的内容';  这样就能向id为abc的对象插入内容。

6、函数：首先要定义函数：function name(){ }  // name是你要给函数起的名字，在{ }中写上功能代码，一切就绪后，我们调用这个函数：name();   。

7、在JS中，有些情况需要我们进行监听的，例如：按钮点击、键盘输入、网络请求等。在监听到这些事件后，我们可以通过JavaScript定位元素，每一个HTML元素都有相应的事件。当一个元素上的特定事件发生时，一个函数将会被调用，语法是这个样子的：element.onevent=function；。

实例：

b1.onclick = bclick;  //(bclick是一个函数调用) 。类似的事件还有很多，例如onmouseover（鼠标移动到元素）、onmouseup（鼠标按键被松开），可以用onmouseover代替onclick，是当鼠标移到button上时触发。