文档章节

JavaScript学习(1)

请修改个人昵称
 请修改个人昵称
发布于 2016/03/15 23:08
字数 558
阅读 133
收藏 4
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>JavaScriptDemo</title>

<script>
    document.write("----------------javascript对象与数组-----------------------")
    //定义一个对象,名/值对或字符串/值对
    var book={
        topic:'javascript',
        fat:true,
        version:'2.0'
    }
    //通过.或[]来访问对象属性
    document.write("<br/>"+book.topic);        //javascript
    document.write("<br/>"+book.fat);        //true
    document.write("<br/>"+book['fat']);        //true
    //javascript定义一个数组
    var arr=[2,4,1,6];
    var rra=new Array(1,4,6,2);
    document.write("<br/>"+arr);            //2,4,1,6
    document.write("<br/>"+rra);            //1,4,6,2
    document.write("<br/>"+arr[0]);        //2
    document.write("<br/>"+arr.length);        //4
    document.write("<br/>"+(arr.length-1));        //3
    //新增一个元素
    arr[4]=11;                    
    document.write("<br/>"+arr.length);        //5
    //定义一个空数组
    var arr1=[];
    document.write("<br/>+arr1");            //+arr1
    document.write("<br/>"+arr1.length);        //0
    //数组里定义对象
    var arr2=[
        {name:"Bob", age:12},
        {name:"John", age:14}
    ];
    document.write("<br/>"+arr2);            //[object Object],[object Object]
    document.write("<br/>"+arr2.name);        //undefined
    document.write("<br/>"+arr2[1].name);        //John
    //对象里定义数组,数组里又定义二维数组
    var obj3={
        arr3_1: [ [1,2], [5,3]  ],
        arr3_2: [ [4,6], [6,1], [63,31]  ]
    };
    document.write("<br/>"+obj3);            //[object Object]
    document.write("<br/>"+obj3.arr3_1[1][1]);    //3
    document.write("<br/>"+obj3.arr3_2[2][1]);    //31
    //换行线
    document.write("<br/>------------------javascript运算符---------------------------");
    //javascript运算
    document.write("<br/>"+3/2);            //1.5
    var point1={
        age: 14
    };
    var point2={
        age: 34
    };
    document.write("<br/>"+(point1.age-point2.age));    //对象属性运算,-20
    document.write("<br/>"+"5"+"4");        //字符串运算54
    var value=10;
    value>20?     document.write("<br/>"+"Yes"): document.write("<br/>"+"No");        //三目,No
    var x;         document.write("<br/>"+((x==2)&&(x==3)));    //false
    var x=2;     document.write("<br/>"+((x==2)||(x==3)));    //true
    var x=2;    document.write("<br/>"+(!(x==3)));    //true

    //javascript函数
    document.write("<br/>-------------------------JavaScript函数-------------------------");
    function Calculator(){
        for(var i=1;i<=9;i++){
            document.write("<br/>");
            for(var j=1;j<=i;j++){
                document.write(i+"*"+j+"="+i*j);
                document.write("&nbsp;&nbsp;");
            }
        }
    }
    document.write(Calculator());        //输出乘法表
    document.write("<br/>");

    //函数=名称+参数
    function plus(x,y){
        return x+y;
    };
    document.write("<br/>"+plus(10,4));    //14
    function plus1(x){
        return x+1;
    };
    document.write("<br/>"+plus1(5));    //6
    var square=function(x){
        return x*x;
    };
    document.write("<br/>"+square(5));    //25

    //方法=函数+对象
    var arr5=[];
    arr5.push(1,2,4);
    document.write("<br/>"+arr5);        //1,2,4     push添加元素
    document.write("<br/>"+arr5.reverse());    //4,,2,1 数组逆序

    //使用this调用方法对象的引用
    var points11=[
        {x:1,y:1},
        {x:2,y:3}
    ];
    points11.dist=function(){
        var p1=this[0];
        var p2=this[1];
        var aa=p2.x-p1.x;
        var bb=p2.y-p1.y;
        return Math.sqrt(aa*aa+bb*bb);
    }
    document.write("<br/>"+points11.dist());    //2.236

    //控制语句
    document.write("<br/>-----------------------------控制语句---------------------------");
    //if...else
    function abc(x){
        if(x>0){
            document.write("<br/>x的值大于0");
        }else{
            document.write("<br/>x的值小于0");
        }
    };
    abc(-3);                    //x的值小于0
    document.write("<br/>"+abc(23));    //x的值大于0 undefined

    //while..do
    function abcd(x){
        var  num=2;
        while(x>1){
            num+=1;
            x--;
            document.write("<br/>"+num);
        }
        return x;
    };
    abcd(2);        //3
</script>
    
</head>
<body>

</body>
</html>


本文转载自:

请修改个人昵称
粉丝 6
博文 55
码字总数 7496
作品 0
合肥
程序员
私信 提问
HTML 5视频教程系列之JavaScript学习篇-何韬-专题视频课程

HTML 5视频教程系列之JavaScript学习篇—52816人已学习 课程介绍 HTML 5视频教程系列中JavaScript开发的基础知识讲解及学习。 课程收益 通过自学视频掌握HTML 5开发手机应用和手机游戏的技能...

pkutao
2015/02/10
0
0
如何轻松快速学习JavaScript 呢?

JS给人那种感觉的原因多半是因为它如下的特点: 1:本身知识很抽象、晦涩难懂,如:闭包、内置对象、DOM。 2:本身内容很多,如函数库,对象库就一大堆。 3:混合多种编程思想。 4:辛苦学习...

课工场CC老师
2017/11/04
31
0
分享51本关于JavaScript方面的学习书籍(免费下载)

分享51本关于JavaScript方面的学习书籍(免费下载) 1、JavaScript面向对象15分钟教程 2、原型、作用域、闭包的完整解释 3、Javascript面向对象特性实现(封装、继承、接口) 4、JavaScript面向...

邓剑彬
2012/12/02
1K
12
Dart 比 JavaScript 更酷的10个理由

Dart 是 Google发明的一种新的编程语言。在使用JavaScript一年多以后,我对Dart可谓是一见钟情。我以前是做Java的,我在用JS的时候要学习很多新东西。 有人说你必须深入研究JavaScript,否则...

虫虫
2012/01/04
7.4K
13
前端学习之路(从入门到入坑...)

学习前端两年多了,拿了阿里巴巴实现offer,想结合个人经历总结的前端入门方法,总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限,不能保证面面俱到,只是作为入门参考...

阿小庆
2018/06/14
0
0

没有更多内容

加载失败,请刷新页面

加载更多

哪些情况下适合使用云服务器?

我们一直在说云服务器价格适中,具备弹性扩展机制,适合部署中小规模的网站或应用。那么云服务器到底适用于哪些情况呢?如果您需要经常原始计算能力,那么使用独立服务器就能满足需求,因为他...

云漫网络Ruan
今天
10
0
Java 中的 String 有没有长度限制

转载: https://juejin.im/post/5d53653f5188257315539f9a String是Java中很重要的一个数据类型,除了基本数据类型以外,String是被使用的最广泛的了,但是,关于String,其实还是有很多东西...

低至一折起
今天
23
0
OpenStack 简介和几种安装方式总结

OpenStack :是一个由NASA和Rackspace合作研发并发起的,以Apache许可证授权的自由软件和开放源代码项目。项目目标是提供实施简单、可大规模扩展、丰富、标准统一的云计算管理平台。OpenSta...

小海bug
昨天
11
0
DDD(五)

1、引言 之前学习了解了DDD中实体这一概念,那么接下来需要了解的就是值对象、唯一标识。值对象,值就是数字1、2、3,字符串“1”,“2”,“3”,值时对象的特征,对象是一个事物的具体描述...

MrYuZixian
昨天
9
0
解决Mac下VSCode打开zsh乱码

1.乱码问题 iTerm2终端使用Zsh,并且配置Zsh主题,该主题主题需要安装字体来支持箭头效果,在iTerm2中设置这个字体,但是VSCode里这个箭头还是显示乱码。 iTerm2展示如下: VSCode展示如下: 2...

HelloDeveloper
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部