zoukankan      html  css  js  c++  java
  • 步入javascript----一大波JS正在靠近(一)

        javascript,以前只闻其名不见其人的时候,总是在想这货和Java啥关系,Java的儿子?孙子?还是???

        嗯,学习了之后,明白了,就是老婆饼和老婆的关系(手动滑稽)。

    javascript的基本特点:
    1.基于浏览器。
    2.基于(面向)对象:灵活方便,但是无法创造一个完整的项目。所以距离面向对象有差距。
    3.事件驱动。
    4.脚本语言:迅速,不需要编译,在前端就可以解决问题。

    作用特点(之四):
    1.表单的验证,减轻服务端的压力;
    2.添加页面动画效果;
    3.动态更改页面要求;
    4.ajax网络请求:异步请求可以做到无跳转刷新

    组成:
    ECMAscript+DOM(文档对象模型)+BOM(浏览器对象模型)

    外部javascript文件
    引用外部JS的script不要使用单标签
    引用外部JS的script中不要编写代码
    应用外部JS的script可放置在页面的任意位置。

    javascript的执行原理:
    1.浏览器输入,解析HTML标签和javascript脚本;
    2.客户端请求包含JS的页面;
    3.从服务器端下载含javascript的页面。

    初级相关实例:

    //            字符串拼接
                var num='adf';
                var num2='2';
                alert(num+num2)
                alert(isNaN(num+num2))
    //isNaN()判断一个对象内部是否包含字母,包含字母就是true,否则就为false(只有纯数字才会显示false)。
                var num='adfasdf'
                alert(Number(num))
                var num2=46556;
                alert(Number(num2))
                var num3='123456'
                alert(typeof(num3))
                alert(typeof(alert(Number(num3))))
    //            Number转换后的数是没有类型的.
    
    
    //将字符串转换为number的parseFloat和parseInt算法(JS的算法很灵活,但也很不严谨,比如100就没法转为100.0)
    //            即整形的数是没法变成浮点型的.
                var num4='100.4'
                alert(typeof(num4));
                var num5=parseFloat(num4)
                var num6=parseInt(num4)
                alert(num5)
                alert(num6)
                alert(typeof(num5))
                alert(typeof(num6))
    
    //            String:由单引号或者双引号扩起来的
    //            单引号与双引号的区别:
                var a='hello'
                var b="hello"
    //            其实没区别……,但是不能'"
    
    //            object:不同类型的数据的集合,其类型也就是object。有点像C++中的类class。
                var d1=document.getElementById(d1)
                alert(typeof(d1))
                var hanwen=new Object;
                hanwen.age=13
                hanwen.name='mahanwen'
                hanwen.height=175
                alert(typeof(hanwen))
                var a1;
                var a2;
                var a3;
                a1=prompt('姓名','')
                a2=prompt('学号','')
                a3=prompt('年龄','')
                alert("你的姓名:"+a1+"   你的学号:"+a2+"    你的年龄"+a3)

     javascript的运算符:

    //比较灵活的比较方式,但是不严谨。alert(a==b);
    //更严格的比较方式,不常用alert(a===b);
    var c;
    c=5/3;
    alert(c)//取小数了,并不像C/C++那样取整。

    自增运算符和自减运算需要注意:

     判断是否是水仙花数:

    //            var n;
    //            var num;
    //            num=prompt('请输入你想验证的数')
    //            var str=num.split('');
    //            alert(str)
    //            n=str.length;
    //            alert(n)
    //            var and=0;
    //            for (var i=0;i<str.length;i++) {
    //                and+=Math.pow(str[i],n);
    //                alert(and)
    //            }
    //            if(and==num){
    //                alert(num+'是水仙花数')
    //            }
    //            判断可以用:alert(num==and?'该数是水仙花数':'该数不是一个水仙花数')

    会员卡号抽奖系统:

    //            var num=prompt('请输入会员卡号')
    //            var str=num.split('');
    //            var and=0;
    //            for(var i=0;i<str.length;i++){
    //                and+=(parseInt(str[i]))
    //            }
    //            alert(and>20?'50':'0')

  • 相关阅读:
    团队开发5
    团队开发4
    团队开发3
    团队开发2
    团队开发1
    团队计划会议
    寒假学习进度---完结篇
    寒假学习进度十七
    寒假学习进度十六
    python后续学习
  • 原文地址:https://www.cnblogs.com/fengli-a/p/6588706.html
Copyright © 2011-2022 走看看