定义(注意:代码大小写敏感)
基于事件和对象驱动,并具有安全性能的脚本语言
Javascript文件在客户端运行。
浏览器(客户端)的主要组件中包括渲染引擎和JS解释器等。
渲染引擎 - 用来显示请求的内容,例如,如果请求内容为html,它负责解析html及css,并将解析后的结果显示出来。
JS解释器 - 用来解释执行JS代码。
引入
<script type=”text/javascript”>具体js代码</script>
<script type=”text/javascript” src=”js文件”></script>
注释
// 单行注释 /*多行注释*/
js的输出语法
弹窗形式 alert(); 控制台输出:console.log();一般作为调试输出语句 prompt() 方法用于显示可提示用户进行输入的对话框
document.write() 在html文档中打印出来
变量
其值可以发生改变的量就是变量。变量是用于存储信息的"容器"
命名规范 js里边:字母、数字、下划线、$符号 等4个组成部分,数字不能作为名字的开始内容。
驼峰法命名
数据类型
javascript(6种): number(int/float) string boolean undefined object(数组是对象的一部分)
null类型:空对象类型。可以理解为对象的占位符,初始化时,给它赋值null
undefined未定义类型 object对象类型:window document 数组 typeOf():输出变量的类型
var aa="字符型"; var aa=11; 数据型 var aa=null;对象型 var aa=false;布尔型 */
a:转数字:
1)Number转换:
a = Number(a);
注意:a) 如果转换的内容本身就是一个数值类型的字符串,那么将来在转换的时候会返回自己。
b) 如果转换的内容本身不是一个数值类型的字符串,那么在转换的时候结果是NaN.
c) 如果要转换的内容是空的字符串,那以转换的结果是0.
d) 如果是其它的字符,那么将来在转换的时候结果是NaN.
2)parseInt():
代码:
var a = “123”; a = parseInt(a);
a) 忽略字符串前面的空格,直至找到第一个非空字符,还会将数字后面的非数字的字符串去掉。
b) 如果第一个字符不是数字符号或者负号,返回NaN
c) 会将小数取整。(向下取整)
3)parseFloat();//浮点数(小数)
与parseInt一样,唯一区别是parseFloat可以保留小数。
b.转字符串
可以将其它的数据类型转成字符串。
1)String():
a = String(a);
2)toString()的方法来进行转换(包装类)。
代码:
var a = 123; a = a.toString();
undefined,null不能用toString。
数学函数 运算符 日期时间函数:见代码
<script type="text/javascript"> /* //typeof()输出数据类型 var aa="assesddd"; alert( typeof(aa) ); */ /* var aa="11"; var bb = Number(aa); var cc=aa+1; var dd=bb+1; alert(cc+"&&"+dd); // alert( typeof(dd) ); */ // var aa="1.45"; // var bb=parseInt(aa); // var cc = parseFloat(aa); // alert(cc); /* 随机数: Math.random() – 选取某个范围内的随机值: • 值 = Math.floor(Math.random() * 可能值的总数 + 第一个可能的值) */ var a = Math.random(); var b=parseInt(a*33+1); /* 最大最小值 – Math.max()获取最大值 – Math.min()获取最小值 • 舍入: – 向上舍 Math.ceil() – 向下舍 Math.floor() – 四舍五入 Math.round() */ alert(Math.max(4,5,6,7,2)); alert(Math.max(3,4,5,7)); alert(math.PI); </script>
<script type="text/javascript"> // var aa =new Date();//获取系统当前时间 // var b = aa.getYear();/* 获取当前年份-1900的值(2位) */ // document.write(b); // var c = aa.getFullYear();/* 获取完整的年份(4位,1970-????) */ // document.write("<br>"+c); // var d = aa.getMonth();/* 获取当前月份(0-11,0代表1月) */ // document.write("<br>"+d); // var e = aa.getDate(); //获取当前日(1-31) // document.write("<br>"+e); // var f = aa.getDay();//获取当前星期X(0-6,0代表星期天) // document.write("<br>"+f); // var g = aa.getTime(); //获取当前时间(从1970.1.1开始的毫秒数) // document.write("<br>"+(g+"")); // var h=aa.getHours(); //获取当前小时数(0-23) // document.write("<br>"+h); // var i=aa.getMinutes();//获取当前分钟数(0-59) // document.write("<br>"+i); // var j=aa.getSeconds();//获取当前秒数(0-59) // document.write("<br>"+j); // var k=aa.getMilliseconds(); //获取当前毫秒数(0-999) // document.write("<br>"+k); // var l=aa.toLocaleDateString();//获取当前日期 // document.write("<br>"+l); // var m=aa.toLocaleTimeString(); //获取当前时间 // document.write("<br>"+m); // var n=aa.toLocaleString();//获取日期与时间 // document.write("<br>"+n+"<br>"); // document.write(c+"-"+d+"-"+e+" "+h+":"+i+":"+j); // var a1=12; // // ++a1; // // a1++; // // a1=++a1; // a1=a1++;/* 注意这个也是12 和c1=a1++这个是一样的*/ // c1=a1++; // d1=++a1; // document.write(a1,c1,d1); /* var bb = parseInt(prompt("输入")); // var cc= bb%2==1? "奇数": "偶数"; document.write( bb%2==1? "奇数": "偶数"); */ /* var dd = parseInt(prompt("输入年份")); // document.write(dd%400===0? "闰年": dd%4===0? dd%100 !=0? "闰年":"不是闰年" :"不是闰年"); if ((dd%4==0 )&& (dd%100!==0 )||(dd%400==0)) { document.write("闰年"); } else{ document.write("非闰年"); } */ /* 符合运算 */ var t=1; var b=5,c=3 // t+=3;/* t=t+3 */ t*=c-=b+=t%=2/* 解析从右到左 t=t%2 b=b+t c=c-b t=t*c -3*/ alert(t); </script>
注意:符合赋值运算符如t*=c-=b+=t%=2/* 解析从右到左 t=t%2 b=b+t c=c-b t=t*c -3*/
自运算注意
var a1=12;
++a1;
a1++;
a1=++a1;
a1=a1++;/* 注意这个也是12 和c1=a1++这个是一样的*/
c1=a1++;
d1=++a1;
document.write(a1,c1,d1);
试一下这个就明白了a++先赋值 再自加 ++a先自加1再赋值;
原文:https://www.cnblogs.com/zqy6666/p/11793202.html