js第3天(焦点,鼠标事件,下拉框,正则,isNAN(),数组,框架)

焦点

在鼠标选中和改变选中时触发

1. onblur():失去焦点事件
2. onfocus():获取焦点事件

鼠标移入和移出

在鼠标移进来和移出去是触发
onmouseover:鼠标移入事件
onmouseout:鼠标移出事件

下拉选项框改变事件

onchange:当下拉选项框改变时触发

正则

• java中的正则:
  \w:任意字符
  \s:任意空白字符
  \d:任意数字
  String str="123";
  String regex="\d+";
  str.ma
• js中的正则:同java一样,需注意可能需要用完全匹配(前面加^,后面加$)
  var regex=/\d+/;
  var str="123";
  regex.test(str);
  

isNaN():判断是不是非数字,是非数字就返回true,不是非数字就返回false.

判断用户输入的是不是纯数字:

function mm(){
            //先拿到输入框的值
            var ii=i2.value;
            //判断这个值当中是否都是数字
            var flag=true;//开关
            for(var i= 0;i<ii.length;i++){
                //截取出字符串内容中的每一个字符
                var s=ii.substring(i,i+1);
                if(isNaN(s)){
                    flag=false;
                    break;
                }
            }
            if(flag){
                s2.innerHTML="正确";
            }else{
                s2.innerHTML="密码中不能包含非数字";
            }

数组

1. 数组的第一种定义方式

var arr=Array("长沙","株洲","湘潭");

2. 数组的第二种定义方式:又叫做json字符串

var arr=["长沙","株洲","湘潭"];

框架

外联css:link标签
外联js:script
src属性:需要引入的js文件的路径
jquery:一个前端框架，里面封装了js代码，也就是说js能做到的功能，jquery都能做到
什么是框架？就是一些技术的集合

• js中的页面加载事件
  windows.onload

1. 必须等到页面中的所有内容都加载完才出发
2. 整个页面只能出现一次该加载事件
3. 没有简化的方法

• jquery中的页面加载事件:
  $(document).ready(function(){})

1. 只需要页面中的节点加载完,就会触发
2. 可以出现多个
3. 有简化方法 $(function(){})

<script>
        $(document).ready(function(){
            alert(123);
        });
        $(function(){
            alert(345);
        })
    </script>

jquery中的事件

click:
blur:
focus:
mouseover:
mouseout: