js基础(一)
定义(注意:代码大小写敏感)
基于事件和对象驱动,并具有安全性能的脚本语言
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再赋值;
浙公网安备 33010602011771号