1.js的使用方式
内部方式:在当前页面的head标签体中书写script标签
外部方式:1)单独在js文件夹中,创建后缀为.js的文件
2)在xxx.js文件中,书写js代码
3)在当前某个html页面中,导入这个xxx.js文件,必须有开始标签,结束标签
<script src="导入外部xxx.js文件的路径"></script>
2.js中常用的函数
1)要向浏览器中输出内容 document.write("内容");
字符串+任何数据=字符串
+:表示字符串的拼接
2)向浏览器的控制台输出日志 console.log("内容");
3)弹出一个提示框出来 window.alert("内容");
window对象属于浏览器内置顶级对象,代表窗口,频繁调用可以不写 alert("内容");
3.js中定义变量
1)在js中,定义变量使用var来定义,var可以省略
var a=10;
a=10;
2)var可以定义任何数据类型
var a=10;整数
var b=3.14;小数
var c="hello";字符串
var d='a';字符
var e;没有定义类型
var f=new Object();Object对象:是js内置对象的模板,就是提供了所有js内置对象的通用功能
var g=new String("hello");String对象
3)因为js为弱类型语言,定义一个变量可以重复定义,后面的值会将前面的值覆盖掉
var a=10;
var a=20;
4.js中的运算符
1)算术运算符:+,-,*,/,%(模,求余)
赋值运算符:= (var a=10;将等号右边的值赋值给左边变量)
2)比较运算符:<,<=,>,>=,!=,==
这些符号不管连接的表达式是复杂的还是简单的,最终要么true,要么false
3)逻辑运算符:
基本符号:&逻辑单与,有false,则false
|逻辑单或,有true,则true
!逻辑非,非true,则false;非false,则true
逻辑双与:多个条件是并列关系,必须同时满足条件,有false,则false
逻辑双或:多个条件是或者的关系,一个成立了,就成立了,有true,则true
4)三目运算符:
语法格式:(表达式?)执行true的结果:执行false的结果;
表达式可以是简单的或复杂的,要么true,要么false
执行流程:
首先判断表达式是否成立,如果成立,则执行true的结果
如果不成立,则执行false的结果
5.js中的流程控制语句
1)顺序结构语句:js代码从上而下加载,比较简单的一类
2)选择语句结构
if语句(三种格式)
格式1:表达式是否成立,如果成立,才能执行语句1
if(表达式){
语句1;
}
格式2:先判断表达式是否成立,成立,则执行语句1,否则不成立,执行语句2
if(表达式){
语句1;
}else{
语句2;
}
格式3:先判断表达式1是否成立,如果成立,执行语句1
如果不成立,继续判断表达式2是否成立
如果成立,执行语句2,不成立,依次执行下面的语句...
如果上面都不成立,执行else中的语句n
if(表达式1){
语句1;
}else if(表达式2){
语句2;
...
}else{
语句n;
}
switch语句:js中的case值可以是常量也可以是变量
switch(变量){
case 值1;
语句1;
break;
case 值2;
语句2;
break;
...
default:
语句n;
break;
}
执行流程:1)首先判断变量的值和值1是否匹配,如果匹配,执行语句1,switch语句结束
2)如果不匹配,继续和case后面的值2进行比较,成立,执行语句2,break结束
...
3)如果上面都不匹配,执行语句n,语句结束
6.js中的事件编程
事件编程三要素:
1)事件源--指的就是html标签
2)编写事件监听器--就是写一个函数(js代码) function 函数名称(形式参数名1,形式参数名2...)
3)绑定事件监听器--就是在标签中有一些onxxx属性和函数名进行绑定
dom操作:获取标签对象的value属性值
操作语法: document.getElementById("id");
如获取输入框的内容:
var inputObj=document.getElementById("输入框id");
content=inputObj.value;