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

Posted 2020-09-05 枫戾

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