JavaScript事件day01

一.概述:JavaScript是web上的一种功能强大的编程语言,用于开发交互式的web页面,

    它不需要进行编译,而是直接嵌入在HTML页面,由浏览器执行

二.组成:

    核心:ECMAScript(语法,语句)

    文档对象模型:DOM(操作文档中的元素和内容)

    浏览器对象模型:BOM(浏览器对象)

三:引入:

    内嵌式,在HTML文档中,通过<script>标签引入

        <script type="text/javascript">

        </script>

    外联式:

        <script src="1.js" type="text/javascript" charset="utf-8"></script>

四:基本语法

    变量的声明:var 变量名;(可以不声明使用默认值:undefined)

    变量的赋值:var 变量名 = 值;(同一个变量可以存放不同类型的数据)

    数据类型:  对变量或值调用typeof运算符将返回下列值之一:

                        undefined

                        boolean

                        number

                        string

                        object

    基本操作:alert() :  向页面中弹出一个提示框

                    innerHTML: 向页面中的某一个元素中写一段内容将原有的东西覆盖

       JavaScript事件day01

        实现代码:

            JavaScript事件day01

                        //4 邮箱

                        var email = document.getElementById("emailId").value;

                        if( ! /^([0-9a-zA-Z_-])[email protected]([0-9a-zA-Z_-])+(\.[0-9a-zA-Z]+)$/.test(email)){

                            alert("邮箱格式不正确");         

                            document.getElementById("emailId").focus();    //提示信息后获得焦点

                            return false;

                       }

                        return true;

      }

</script>

JS中的函数编写方式:

            函数:实现一定功能的代码块,类似于java中的方法

            <script type="text/javascript">

                    function my1(){

                        alert("Hello");

                    }

                    //方式一;调用函数

                    my1();

                    //方式2:声明匿名函数

                    var  my2 = function(){

                        alert("world");

                    }

            </script>

相关知识点:定时器setInterval

            JavaScript事件day01

明日分享:

        使用JS完成图片轮播效果

        使用JS完成页面定时弹出广告

        

    总有一个人在坚守

    总有一件事要完成

    茫茫人海

    我是小爽

    不喧哗,自有声