暑假已经开始了，本人准备用这一整个暑假来学习JavaScript和jQuery，首先我学的是JavaScript，简称js。
JavaScript是什么？
通俗讲，JavaScript给静态网页添加一些交互，一些动态效果，帮助网页修改样式。
本人觉得要想学JavaScript，如果不知道HTML和CSS，可以先了解一下，再学JavaScript，会更容易一点。
举例
首先通过一个小的例子，让我们大家大概知道一下到底JavaScript是什么，它是干什么的。
首先学的是一个鼠标提示框，就是把把鼠标移到复选框会出现一个框，然后移走鼠标，框又会消失的这么一个例子，
首先先用HTML和css把基本的样子写出
<input type="checkbox" />
<div id="div1" style="width:200px;height:200px;background:#CCC;"></div>
js1.PNG
然后我们要先把它下面的div框隐藏掉，学要在style里面加一个display，把它的参数设为none后，div框就会隐藏掉，这里简单说一下display，它是写在style里的，style是样式，display是样式显示，而display有俩个样式显示参数分别是none和block；当display的参数设为none是，则表示是隐藏所修饰的样式，当display的参数设为block，它也是display的默认值，表示显示块级。好了，不多扯了。
事件
事件是JavaScript非常基本又重要的概念，网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件。比方说事件onclick，它只是事件中最常见的一种， 我们可以在点击某按钮时产生一个 onClick 事件来触发。
比如
<input type="button" value="haha" onclick="alert（'你好！'）" />
点击按钮后弹出一个框，如下图：
js2.PNG
言归正传，首先我们先实现当鼠标移入到input上时，让div显示出来。
这时候我们又得用另一个新的事件叫onmouseover，先举个例子
<input type="checkbox" onmouseover="alert('你好！')"/>
显示出是移到input然后div显示出来（由于录制GIF的软件没有搞好，就不给出效果），但是有一个问题就是当div显示出来之后就发现当鼠标移走后div还是显示在页面上，这时候，就用到了onmouseout，它就是表示当一开始就出去了
回归到刚才就是
<input type="checkbox" onmouseover="document.getElementById(div1).style.display
='block';" onmouseout="document.getElementById(div1).style.display='block';" />
<div id="div1" style="width:200px;height:200px;background:#CCC;display：none">
</div>
getElementById拆分开get是获取， Element元素，By通过，组合起来就是通过id获取元素，而div1.style.dispaly就是说把id为div1的style的display的参数设为none。JavaScript中的“.”就像我们中文的“的”一样。
现在这个鼠标提示框就基本功能就完成了，这个都是拿最基础写的，越学到后面代码会越高级，也会越简化。
下面我把源代码例子发一下
<html>
<head>
<title>鼠标提示框</title>
<style>
#div1
{
width:200px;
height:200px;
background:#CCC;
display:none;
}
</style>
</head>
<body>
<input type="checkbox" onmouseover=
"document.getElementById('div1').style.display='block';" onmouseout=
"document.getElementById('div1').style.display='none';" />
<div id="div1">
这是div显示的内容，hello！
</div>
</body>
</html>
GIF.gif
大概就这么多。。。
网友评论