JavaScript对象定义及其创建

最新推荐文章于 2024-07-28 20:27:10 发布

toptap8_nn

最新推荐文章于 2024-07-28 20:27:10 发布

阅读量73

点赞数

分类专栏： jQuery web前端文章标签： javascript html5 html

本文链接：https://blog.csdn.net/u011713916/article/details/119940161

版权

jQuery 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

web前端

9 篇文章 0 订阅

订阅专栏

JavaScript对象定义两种方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./main.js"></script>
    <script >

        $(function(){
        // 定义JavaScript对象
        // 1、使用object对象进行创建
        var oPerson =new Object( );
        // 添加属性
        oPerson.name = '李四';
        oPerson.age = 18;
        var $div = $('div');
        var mass;
        
        
        // 添加方法
        oPerson.show = function(mass){

            alert(mass);

        };
        // 获取类中属性
        alert(oPerson.name);
        alert(oPerson.age);
        // 2、使用字面量创建自定义的对象
        var oStudent = {
            // 属性
            name: '李四',
            age : 19,
            // 方法
            showf: function(mass){
                alert(mass);
            }
        }

        // 调用属性
        alert(oStudent.name+oStudent.age);
        // 调用方法
        oStudent.showf(1);

        // 调用类的方法
        $div.delegate('#btn1','click',function(){

            mass = $('#text1').val();
            oPerson.show(mass);
        });
        });
        
    </script>
</head>
<body>

    <div>
        <input type="button" value="传输mass值" id="btn1">
        <input type="text" name="text" id="text1">
    </div>
</body>
</html>

toptap8_nn

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript对象定义及其创建

JavaScript对象定义两种方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
复制链接

扫一扫