JS1

1、javascripe的简介
    是基于对象和事件驱动的脚本语言,应用于客户端
        基于对象:
            提供好了很多对象,可以直接拿过来使用
        事件驱动:
            html做网站静态效果,JavaScript动态效果
        客户端:专门指的是浏览器
    js的特点
        (1)交互性
            信息的动态交互
        (2)安全性
            js不能访问本地磁盘的文件
        (3)跨平台性
            java里面跨平台,jvm
            只有能够支持js的浏览器,都可以运行
    js和java的区别
        (1)java是sun公司,现在Oracle,js是网景公司
        (2)js是基于对象的,Java是面向对象
        (3)java是强类型的语言,js是弱类型的语言
            比如java里面 int i="10";(no)
            js: var i=10;  var m="10";
        (4)js只需解析就可以执行,而java需要先编译成字节码,再执行
    js的组成
        三部分
        (1)ECMAScript
            ECMA:欧洲计算机协会
            由其组织指定js的语法,语句
        (2)BOM
            broswer object model:浏览器对象模型
        (3)DOM
            document object model:文档对象模型
2、js和html的结合方式(2中)
    (1)使用一个标签<script type="text/javascript"> js代码 </script>
    (2)使用script标签,引入一个外部的js文件
        创建一个js文件,写js代码
            <script type="text/javascript" src="1.js"></script>
    使用第二种时,就不要在script标签里面写js代码了,不会执行
3、js的原始类型和声明变量
    java的基本数据类型 byte short int long float double char boolean
    定义变量 都使用关键字var
    js的原始数据类型(5个)
        string:字符串
            var str="abc";
        number:数字类型
            var m=123;
        boolean:truefalse
            var flag=true;
        null
            var date=new Date();
            获取对象的引用,null表示对象引用为空,所有对象的引用也是object
        undifined
            定义一个变量,没有赋值
            var aa;
        typeof();查看当前变量的数据类型
4、js的语句
    java里面的语句:
        if判断
        switch语句
        循环for while dowhile
    js里面的这些语句
        if判断语句
        switch语句
            java里面支持数据类型 string支持吗?在jdk1.7开始支持
            js里面都支持
            switch(a){
                case 5:
                    break;
                case 6:
                    break;
                default:
                ......
            }
        循环语句for while dowhile
            while循环
            var i=5while(i>1){
                alert(i);
                i--;
            }
            for循环
            for(var i=0;i<=3;i++){
                alert(i);
            }
5、js的运算符
    +=;x+=y;===> x=x+y;
    js里面不区分整数和小数
        var j=123;
        alert(j/1000*1000);
        //j/1000*1000   在java里面得到结果是0
        //在js里面不区分整数和小数,123/1000=0.123*1000=123
    字符串的相加和相减的操作
        var str="123";
        如果相加时候,做的是字符串连接
        如果相减,做的事相减的运算

        //字符串的操作
        var str="456";
        //alert(str+1); //在java里面操作的结果4561,在js里面还是4561
        alert(str-1); //相减时候,执行减法的运算

        提示NaN:表示不是一个数字
    boolean类型也可以操作
        如果设置成true,相当于这个值是1
        如果设置成false,相当于这个值是0
    ==和===的区别
        做判断
        ==比较的只是值
        ===比较的是值和类型
    引入知识
        直接向页面输出的语句(可以把内容显示在页面上)
        document.write("sss");
        document.write("<hr/>");
        可以向页面输出变量,固定值和html代码
6、乘法表
    <script type="text/javascript">
        document.write("<table>");
        //循环行
        for(var i=1;i<=9;i++){
            document.write("<tr>");
            for(var j=1;j<=i;j++){
                document.write("<td>");
                document.write(j+"*"+i+"="+i*j);
                document.write("</td>");
            }
            document.write("</tr>");
        }
        document.write("</table>");
    </script>
    document.write里面是双引号,如果设置标签的属性需要使用单引号
    document.write可以输出变量,还可以输出html代码
7、js的数组
    使用变量
        var m=10;
        java里面的数组 定义 int[] arr={1,2,3};
    定义方式(三种)
        第一种:var arr=[1,2,3]; var arr=[1,"4",true];
        第二种:使用内置对象 Array对象
            var arr1=new Array(5);//定义一个数组,数组的长度是5
            arr1[0]="1";
        第三种:使用内置对象Array
            var arr2=new Array(3,4,5);//定义一个数组,数组里面的元素是3 4 5
    数组里面有一个属性 length:获取到数组的长度
    数组可以存放不同的数据类型的数据
8、js的函数
    在java里面定义方法
        public 返回类型void/int 方法名(参数列表){
            方法体;
            返回值;
        }
    在js里面定义函数(方法)有三种方式
        第一种:
            使用到一个关键字function
            function 方法名(参数列表){
                方法体;
                返回值可有可无(根据实际需要);
            }
        第二种:
            匿名函数
            var add=function(参数列表){
                方法体和返回值;
            }
        第三种:(用的少,了解)
            动态函数
            使用到js里面的一个内置对象Function
                var add=Function("参数列表","方法体和返回值");
9、js的全局变量和局部变量
    全局变量:在script标签里面定义一个变量,这个变量在页面的js部分都可以使用
        在方法外部使用,在方法内部使用,在另外一个script标签使用
    局部变量:在方法内部定义一个变量,只能在方法内部使用
        如果在方法的外部调用这个变量,提示出错
        BCRIPT5009:"nn"未定义
        12-js的局部变量.html,行18 字符3
    ie自带了一个调试工具,ie8及其以上的版本中,键盘上F12,在页面下方出现一个条
10、script标签放的位置
    建议把script标签放到</body>后面
    如果现在有一个需求:
        在js里面需要获取到input里面的值,如果把script标签放到head里面会出现问题
        html解析是从上到下解析的,script标签放到的是head里面,直接在里面去input里面的值
        因为页面还没有解析到input哪一行,肯定取不到
11、js的重载
    什么是重载,方法名相同,参数列表不同
    java里面有重载,肯定有
    js里面是否有重载
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值