博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript基本语法
阅读量:5097 次
发布时间:2019-06-13

本文共 2825 字,大约阅读时间需要 9 分钟。

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.保留字
注释
单行注释   //
多行注释    /**/
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 οnclick="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>

转载于:https://www.cnblogs.com/baixuemin/p/6494657.html

你可能感兴趣的文章
socket总结
查看>>
(安卓)一般安卓开始界面 Loding 跳转 实例 ---亲测!
查看>>
元素和为目标值的子矩阵数量
查看>>
POJ-1287.Network(Kruskal + Prim + Prim堆优化)
查看>>
Mysql 索引优化 - 1
查看>>
LeetCode(3) || Median of Two Sorted Arrays
查看>>
JSDoc规范
查看>>
ssh命令
查看>>
数据库中事务的浅析
查看>>
动态更改标题内容
查看>>
JAVA学长
查看>>
Spring AOP
查看>>
内置函数:abs_all_any
查看>>
【转】【项目管理与构建】Maven
查看>>
单链表中是否有环之java实现
查看>>
Python — magic method
查看>>
B*树
查看>>
HDU - 5701 中位数计数
查看>>
Hibernate学习笔记-Hibernate关系映射
查看>>
RBF、GRNN 和 PNN 神经网络在Matlab中的用法
查看>>