2018-11-07 JavaScript

Web事件

鼠标点击事件:click
鼠标悬停事件：hover
鼠标移走事件:mouseout
鼠标提交事件，触发JS函数(函数里面封装了JS代码）：submit
网页加载事件：load
下拉列表框选项切换事件：change
输入框失去焦点事件：blur
输入框产生焦点事件：focus

JavaScript的概念

JavaScript 是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。
JavaScript 是属于 web 的语言，它适用于 PC、笔记本电脑、平板电脑和移动电话。
JavaScript 被设计为向 HTML 页面增加交互性。
由网景公司的Brendan Eich设计。
JavaScript 是因特网上最流行的脚本语言。

入门实例

代码如下：

图片示例：

图片1.png

点击事件

alert() 函数：能对例如鼠标等点击做出反应。

演示：当鼠标点击后，会弹出相应的文字
代码如下：

    
        
        
    
    
        
这是一个标题
        
这是一个段落
        点击我
    

图片示例：

图片2.png

代码注释

单行注释：
//

多行注释：
/*

*/

IsNaN函数

在演示的例子中使用isNaN（）函数来验证是否输入数字。
NaN 属性是代表非数字值的特殊值。该属性用于指示某个值不是数字。所以为1代表该值不是数字,为0代表是数字。

JS的这个功能常用于验证用户的输入是否符合程序规定。

代码如下：

我的第一段 JavaScript
请输入数字。如果输入值不是数字，浏览器会弹出提示框。


点击这里

JS代码截图：

图片3.png

parseInt 函数

参考资料：
http://www.w3school.com.cn/jsref/jsref_parseInt.asp

课上练习代码

html回顾

    
        
        
        
        
    
    
        
这是一个三级标题
        
这是一个段落
这是一个链接
        

            
Header
Header
            
Data
Data
        
        

            账号：
            

            密码：
            

            
        
    

JS简单案例

    
        
        
        
    
    
        
这是一个三级标题
        
        
    

登录表单校验

    
        
        
        
    
    
        

            账号：
            
            
            

            密码：