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')

  • 相关阅读:
    vue自定义指令
    ZOJ Problem Set–2104 Let the Balloon Rise
    ZOJ Problem Set 3202 Secondprice Auction
    ZOJ Problem Set–1879 Jolly Jumpers
    ZOJ Problem Set–2405 Specialized FourDigit Numbers
    ZOJ Problem Set–1874 Primary Arithmetic
    ZOJ Problem Set–1970 All in All
    ZOJ Problem Set–1828 Fibonacci Numbers
    要怎么样调整状态呢
    ZOJ Problem Set–1951 Goldbach's Conjecture
  • 原文地址:https://www.cnblogs.com/fengli-a/p/6588706.html
Copyright © 2011-2022 走看看