首页 > Js/Jquery

JavaScript对象字面量

发表于2015-07-20 09:39:45| --次阅读| 来源webkfa| 作者js,javascript

摘要:
<!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>

 

相关文章

猜你喜欢

学到老在线代码浏览器 关闭浏览
友情链接: hao123 360导航 搜狗网址导航 114啦网址导航 博客大全
Copyright © 1999-2014, WEBKFA.COM, All Rights Reserved  京ICP备14034497号-1