首页 > Web开发 > 详细

js基础部分

时间:2021-01-22 09:48:55      阅读:25      评论:0      收藏:0      [点我收藏+]

1 - 对象

        //构造函数
        function obj(){
            this.name = ‘zhangsan‘,
            this.age = 23,
            this.eat = function(){
                console.log(‘js‘);
            }
        }

        var obj2 = new obj;
        console.log(obj2.name,obj2.age);//调用属性
        obj2.eat();//调用方法
        //快捷语法(字面量)
        var obj = {
            name:‘lisi‘,
            age:30,
            eat:function(){
                console.log(‘script‘);
            }
        }

        console.log(obj.name,obj.age);//使用属性
        obj.eat();//使用方法
        //new Object()方式创建对象    
        var obj = new Object();
        obj.name = ‘wangwu‘;
        obj.age = 50;
        obj.eat = function(){
            console.log(‘abc‘);
        }

        console.log(obj.name,obj.age);
        obj.eat();
        //遍历对象
        for(var i in obj){
            console.log(i);//属性名
            console.log(obj[i]);//属性值
        }

 

2 - 数组

        //Array方式创建
        var arr = Array(1,3,5,7,9);
        console.log(arr[0]);//打印1

        //[]方式创建
        var arr = [2,4,6,8,10];
        console.log(arr[4]);//打印10

 

3 - 函数

        //不带参数写法
        function tc(){
            alert(‘我是js‘);
        }

        tc(); //调用

        //带参数写法
        function result(a,b){
            return a+b;
        }

        console.log(result(10,20)); //调用输出30

 

4 - 事件

<!-- a标签的href可以直接写js代码 如下 -->
    <a href="javascript:alert(‘heihei‘);">点击我</a>
    <!-- 点击按钮触发事件onclik -->
    <button onclick="abc()">我是按钮</button>

    <script type="text/javascript">
        function abc(){
            console.log(hahaha);
        }
    </script>

 

js基础部分

原文:https://www.cnblogs.com/qiu1990/p/14311287.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!