走入javascript(三)事件函数的初步认识

1. js中的事件 

      常用的事件分类:鼠标事件 键盘事件 系统事件 表单事件

      常用的事件:

              onclick    点击事件 

            ondblclick   双击事件

            onmouseover/onmouseenter  移入事件

            onmouseout/onmouseleave   移出事件

    注意:元素默认是没有事件的

2.js中的函数

      函数分为俩种 匿名函数 function(){}    有名函数function name(){}

eg:document.getElementById('box').onclick = goudan;

function goudan (){ alert('Hello world'); }

注意:函数不会主动执行,不论放上边还是下边都没有关系，但是不可以无缘无故的出现一个匿名函数。

3.js的另一种写法

 <div id="box" onclick="goudan()"></div> 函数可以通过事件驱动也可以自执行

在script中写入goudan()；就是函数自执行

  注意:goudan();这个函数执行在执行代码中便为自执行,但是在html标签中是不会的,html标签会认为事件触发时,将狗蛋当成js代码执行。当把goudan();当做js代码来读的时候 就是函数自执行,事件触发不需要带括号，但是事件触发在html标签中必须要带括号。

有名函数可以不用分号,但是匿名函数必须要分号。

4.this和定义变量

（1）this的含义

在这里我们可以将this认为是自己的即可。

eg:this,style.background = '#F60';

（2）变量的命名规则

禁止使用关键字 保留字 作为变量名的使用,只允许字母、数字、下划线 $ 但是不能以数字开头 严格区分大小写 通常要求见名知意

5.字符串的相关问题

如果获取像body  head 这些唯一的便签可以直接 document.body

变量也用为prompt存储输入内容

goudan 和 "goudan"是有区别的,前者是一个变量而后者是一个字符串,在引号中只指代那几个字,如果要将变量放到字符串中就要用到字符串拼接 加号俩边有字符串才是拼接,如果俩别都是数字,就是数字加法

字符出串的拼接,只要是成对出现,无论你的内容是什么样的字符串,双引号开始匹配下一个双引号结束。即使是"<h1>' 你好 '</h1>"也不行。

单引号和双引号是一个意思

"<h1>"+ goudan +"</h1>"     '<h1>'+ goudan +'</h1>' 是一个意思也可以这样玩 '<h1>'+ goudan +"</h1>"

出自"潭州教育"。