码迷,mamicode.com
首页 > Web开发 > 详细

js基础部分

时间:2021-01-22 12:20:07      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:js代码   str   打印   代码   button   strong   部分   return   遍历   

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基础部分

标签:js代码   str   打印   代码   button   strong   部分   return   遍历   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!