一,JavaScript入门
1.js中的一些简单介绍
<!--
1.
html中的注释:
css中的注释:/*注释内容*/
js中的注释:
// 单行注释
/**/多行注释
2.
js中的常用的两个函数
2.1:alert("弹出框的内容")
2.2:document.write("想网页中写的内容")
3.js的使用方式:
3.1:内部使用
<script type="text/javascript">
js代码
</script>
缺点:和html代码混杂在一起,管理起来不是很方便
3.2外部使用(推荐)
<script src="1.js"></script>
优点:可以将html代码和js代码分离,管理起来更加方便
注意:不能使用自闭和的script标签导入js文件
<script src="1.js"/>
-->
<title>无标题文档</title>
<!-- js的内部使用
<script type="text/javascript">
//js中的弹出框
//alert("hello");
//给网页中写内容
document.write("hello");
</script>
-->
<!--
js的外部使用
-->
<script src="1.js"></script>
</head>
2.js中的数据类型
<title>无标题文档</title>
<script type="text/javascript">
/*
1.js中变量的定义,js是一个弱类型的语言,任何变量定时的时候都使用关键字var
var a = 100;
var b = 12.24;
var c = 'f';
var d = "abc";
var e = true;
var f = new Object();
定义变量的时候需要注意:
1.变量定义全部使用关键字var,这个关键字可以省略(一般不建议)
2.js中的变量可以重复定义,只不过后面的变量会覆盖前面的变量
3.未赋值的变量不能使用undefined,在js中一个变量在赋值之前他的类型是不明确的,只有在赋值之后
这个类型才被明确
js中类型的分类:
number:整数,小数
String :字符串,字符在js中都叫String类型
boolean:true,false
object:对象类型
如何查看变量的类型:
typeOf(变量)
*/
//定义变量
var a = 100;
var b = 12.24;
var c = 'f';
var d = "abc";
var e = true;
var f = new Object();
//js中的变量可以重复定义,只不过后面的变量会覆盖前面的变量
j = 200;
j = 300;
//定义了一个变量h,并没有给h初始化,undefined
var h;
//查看每一个变量的类型
document.write("a:"+typeof(a)+"<br>");
document.write("b:"+typeof(b)+"<br>");
document.write("c:"+typeof(c)+"<br>");
document.write("d:"+typeof(d)+"<br>");
document.write("e:"+typeof(e)+"<br>");
document.write("f:"+typeof(f)+"<br>");
document.write(j);
document.write(h);
</script>
注意 :在js中我们也可以定义类似Java中的数据类型,但是定义的时候都使用var关键字,而且js中我们的数据类型都是number类型,在定义的时候,变量可以重复定义,但是使用的时候是按照后面的数据来选择的
3.类型转换函数
<script type="text/javascript">
/*
1.3 类型转换函数
string->number(整数) : parserInt(变量)
string->number(小数): parserFloat(变量)
*/
var a = "100";
var b = "12.34";
document.write("a转换之前的类型"+typeof(a)+"<br>");
document.write("a转换之后的类型"+typeof(parseInt(a))+"<br>");
document.write("b转换之前的类型"+typeof(b)+"<br>");
document.write("b转换之后的类型"+typeof(parseFloat(b))+"<br>");
</script>
注意:类型转化函数:parseInt()可以将String转换成整数,parseFloat()可以将String转换成小数。
4.js中的运算符
<script type="text/javascript">
/*
1.4 运算符
1)算术运算符: + - * / %
2)比较运算符: > < >= <= ==
3)逻辑运算符: && || !
4)三目运算符: 表达式 ? true的结果 : false的结果
*/
//1)算术运算符: + - * / %
var a = 10;
var b = 3;
var c = 7;
document.write(a+b+"<br>");
document.write(a-b+"<br>");
document.write(a*b+"<br>");
document.write(a/b+"<br>");
document.write("<hr>");
//2)比较运算符: > < >= <= ==
document.write(a>b);//true
document.write(a<b);//false
document.write(a==b);//fasle
document.write(a>=b);//true
document.write(a<=b);//fasle
document.write("<hr>");
//3)逻辑运算符: && || !
document.write((a>b)&&(a>c));//true&&true=true
document.write("<br>");
document.write((a<b)&&(a<c));//false&&fasle=fasle
document.write("<br>");
document.write((a>b)&&(a<c));//true&&false=fasle
document.write("<br>");
document.write((a<b)&&(a>c));//fasle&&true=fasle
document.write("<br>");
document.write("<hr>");
//4)三目运算符: 表达式 ? true的结果 : false的结果
var age = 17;
age>=18?alert("您是个成年人"):alert("未成年人");
</script>
注意:js的一些的运算符和Java中是一样的,三目运算符也是一样的用法。