首页 > 代码库 > 步入javascript----一大波JS正在靠近(一)

步入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‘)

技术分享

步入javascript----一大波JS正在靠近(一)