JavaScript对象字面量

时间：2023-03-08 16:23:48
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

    <script type="text/javascript">

        //对象字面量初级版

        var myScript = new Object();

        myScript.init = function ()

        {

            alert("Hello JavaScript world");

        }

        myScript.validate = function ()

        {

            alert("你的输入有误，请重新输入！");

        }

        //对象字面量高级版

        var dynamicLinks =

            {

                myHello:"hello world",

                linkInit: function ()

                {

                    alert("欢迎来到Javascript世界");

                },

                linkValidate: function ()

                {

                    alert("恭喜你，学会了字面量对象的使用方法");

                }

            }

        //对象字面量：使用变量

        alert(dynamicLinks.myHello);

    </script>

</head>

<body>

    <!--对象字面量初级测试版-->

    <input type="button" name="myButton1" value="确定"  onclick="myScript.init();"/>

    <input type="button" name="myButton2" value="取消"  onclick="myScript.validate();"/>

    <!--对象字面量终极版测试版-->

    <input type="button" value="点我呀"  onclick="dynamicLinks.linkInit();"/>

     <input type="button" value="不点你"  onclick="dynamicLinks.linkValidate();"/>

</body>

</html>

相关文章