JavaScript基本语法
1.javascript输出
JavaScript语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。
<script>
document.write("hello world!");
</script>
插入,输出。
document.getElementById("pid").innerHTML="jikexueyuan.com";
2.分号
语句之间的分割是分号(;)
注意:分号是可选项,有时候看到不以分号隔开的。
3.JavaScript代码:
按照编写顺序依次执行
4.标识符:
JavaScript标识符必须以字母、下划线或美元符号开始
JavaScript关键字
5.JavaScript对大小写敏感
JavaScript同样对大小写很敏感。
6.空格
JavaScript会忽略掉多余的空格
7.代码换行
不可以在单词之间换行
8.保留字
![](https://images2015.cnblogs.com/blog/635214/201703/635214-20170303095530782-1633528740.png)
注释
单行注释 //
多行注释 /**/
JavaScript变量
变量是用来储存信息的“容器”
var x=10;
var y=10.1;
var z="hello";
<script>
var i=10;
var j=10;
var m=i+j;
document.write(m);
</script>
JavaScript数据类型
1.字符串(String)
2.数字(Number)
3.布尔(Boolean)
4.数组(Array)
第一种方式定义数组:
var arr=["hello","jike","xueyuan","women"];
document.write(arr[0]);
第二种方式定义数组:
var arr=new Array("hello","jike","nihao");
document.write(arr[2]);
第三种方式定义数字,动态的
var arr=new Array();
arr[0]=10;
arr[1]=20;
arr[2]=30;
document.write(arr[2]);
5.对象(Object)
6.空(null)
var n=null;
7.未定义
var r;
8.可以通过赋值为null的方式清除变量
var i=10;
var i=null;
document.write("i"); //null
JavaScript运算符
1.算数运算符
+ - * % / ++ --
<p>i=10,j=10,i+j=?</p>
<p id="mySum"></p>
<button onclick="jisuan()">结果<button>
<script>
function jisuan(){
var i=10;
var j=10;
var m=i+j;
document.getElementById("mySum").innerHTML=m;
}
</script>
2.赋值运算符
= += -= *= /= %=
3.字符串操作(字符串拼接)
任何类型与字符串相加,都会被转换成字符串类型
function musum(){
var i=5;
var j="5";
var m=i+j;
document.getElementById("sumid").innerHTML=m;
}
// 55
4.比较运算符
== === != !== > < >= <=
比较运算符返回的是一个布尔类型
5.逻辑运算符
&& || !
6.条件运算符
x<10 比较大小
三目运算 判断条件?满足条件时输出. : 不满足条件时输出
JavaScript条件语句
if...else..
<script>
var i=19;
if(i>=10){
document.write("我就喜欢i>=10");
}else{
document.write("为什么i<10");
}
</script>
if....else if......else....
<script>
var i=10;
if(i>10){
document.write("我就喜欢i>=10");
}else if(i<10){
document.write("为什么i<10?");
}else{
document.write("i到底是多少,原来是10");
}
</script>
switch
swicth(执行条件){
代码段
}
<script>
var i=5;
switch(i){
case 1:
document.write("i=1");
break; //跳出当前
case 2:
document.write("i=2");
break;
default:
document.write("条件不满足case");
break;
}
</script>
三目运算
JavaScript循环语句
for循环、for/in
<script>
var i=[1,2,3,4,5,6];
for(j=0;j<6;j++){
document.write(i[j]+"、");
}
</script>
<script>
var j=[1,2,3,4,5,6];
var j=0;
for(;j<6;){
document.write(i[j]+"、");
j++;
}
</script>
<script>
var i=[1,2,3,4,5,6];
var j;
for(j in i){ //j是i中的元素
document.write(i[j]+"<br/>");
}
</script>
while循环、do....while
<script>
var i=1;
while(i<10){
document.write("i="+i+"<br/>");
i++;
}
</script>
<script>
var i=1;
do{
document.write("i="+i+"<br/>");
}while(i<10){
}
</script>
while是先判断条件再执行,do...while...是先执行再判断条件
JavaScript跳转语句
break
跳出当前循环
<script>
for(var i=0;i<10;i++){
if(i==5){
break;
}
document.write("i="+i+"<br/>");
}
</script>
continue
结束本次循环,继续下一次循环
<script>
for(var i=0;i<10;i++){
if(i==5){
continue;
}
document.write("i="+i+"<br/>");
}
</script>