JS元素获取和事件调用

javascript

JavaScript代码出现的位置：

1. html中的js代码必须放在script标签里面，script标签可以放在页面中head和body标签中。如：

       <script>
           document.write("hello world!");
       </script>

   <script>这是script 开始标签，告诉浏览器后面的代码是js而不是html；
   document.write("Hello, world!"); 获得文档窗口并在其中写入"Hello, world!"；
   一行结束就被认定为语句的结束，通常在结尾加上一个分号";"来表示语句的结束；
   </script>这结束JavaScript，并告诉浏览器后面的代码是html。
2. 有时候我们经常需要让多个html页面共享一个脚本，所以就把脚本保存到外部文件中。外部JavaScript文件的文件扩展名是 .js。如需使用外部文件，在 <script> 标签的 "src" 属性中设置该 .js 文件。如引入一个myScript.js：

       <script src="myScript.js"></script>

   注意：外部JavaScript文件中不能出现<script>标签

JavaScript代码的语法和特征：

1. 注释与Java，C相同，支持单行注释 //；与多行注释/*…*/
2. JavaScript区分大小写，a和A是两个不同的变量
3. 变量是弱类型的，定义变量只用var运算符，可以将它初始化为任意值，也可以随时改变变量所存数据的类型，可以用“,”将多个变量定义在一个var中，如：

       var color="red";
       color=16;
       var num=25;
       var visible=true;
       var a = "5", b = 5;

   每行结尾的分号可有可无，好的代码编写习惯是总是加入分号，加上分号也会在某些情况下增进代码的性能，因为这样解析器就不必再花时间推测应该在哪里插入分号了。
4. 有时我们需要脚本向用户提供反馈的信息。如创建一个弹出的警告窗口，提示用户重要信息。这是使用alert实现的，里面可以是数字或者字符串等
   将alert逐行放置，如果alert未执行，说明上面的代码有错误。初学者应养成随时写随时测试的习惯，以防做完一堆代码都是不能用的。

javascript的事件：鼠标事件、键盘事件、系统事件、表单事件、自定义事件等，如下的鼠标事件

1. 鼠标左键点击：onclick
2. 鼠标左键双击：ondblclick
3. 鼠标移入：onmouseover
4. 鼠标移出：onmouseout
5. 鼠标左键落下：onmousedown
6. 鼠标左键抬起：onmouseup
7. 鼠标移动：onmousemove ....

获取元素的方法：通过ID名称来获取元素，其中.代表"的"：
document.getEle