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是双向功能:获取对象的内容 或 向对象插入内容;
如:<div id='aa'>这是内容</div>
我们可以通过 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上时触发。