<!--【1】JS引入的方式一-->
<script type="text/javascript"
/*网页中的弹框*/
alert("js 的学习课程");
</script>
<!--注意:引入js 的时候千万不要二合一-->
<script type="text/javascript" src="js/test.js" charset="UTF-8" ></script>
1、JS中变量的使用注意的事项
1、js中的变量的名称和java中标识符的命名保持一致。
2、js中变量名称可以重复,但后者的名称会把前者的名称值覆盖
3、js中末尾即使没有分号结束也是可以的,但是不推荐大家这样书写。
2、JS中的数据类型 alter(typeof 变量)
number(数字类型的数据)
string(字符串类型)
boolean(布尔数据类型)
object(对象类型)
3、JS中特殊数据类型
undefined(未定义)
NaN(不是一个数字) not a number
null(空对象)
4、JS中的运算符
算数运算符
+ - * / % ++ --
逻辑运算符
& | ! && || ^ < > <= >= !=
连接符
+
特殊运算符
var f1=true;// 1
var f2="true";// NAN
var f3=1;//1
var f4="1";//1
alert(f1==f2);//F
alert(f1==f3);//T
alert(f1==f4);//T
alert(f2==f3);//F
alert(f2==f4);//F
alert(f3==f4);//T
alert(f1===f2);//F
alert(f1===f3);//F
alert(f1===f4);//F
alert(f2===f3);//F
alert(f2===f4);//F
alert(f3===f4);//F
(==)等值符
先比较类型 如果类型一致,在比较内容; 如果类型不一致,这时候会进行强制转换统一转number类型,然后再进行内容的比较。
(===)等同符
先比较类型 如果类型一致,在比较内容;如果类型不一致 直接返回false。
5、控制语句、
条件语句
if(){}
if(){}else{}
if(){}else if(){} else if()...else{}
分支语句(选择语句)
switch(){
case value: break;
default: break;
}
循环语句
while(){}
至少执行一次循环体
do{}while()
for(){}
for (var a=1; a<=9; a++) {
for (var b=1; b<=a; b++) {
document.write(a+"*"+b+"="+a*b+"    ");
}
document.write("<br />");
}
6、 函数声明的三种形式
(1) function 函数名(){
函数体
}
function demo1(){
alert("函数声明一");
}
(2) var 函数名=function(){
函数体
}
var demo2= function(){
alert("函数声明二");
}
(3) var 函数名=new Function("函数体");
var demo3=new Function("alert('我是函数声明三')");
函数参数传递
在js中实参的个数和形参的个数可以不一致
/*************函数中参数传递************************/
function demo4(a,b){
console.log(a+"...."+b);
}
/* demo4(1,2);//1....2
demo4(1);//1....undefined
demo4(1,2,3);//1....2*/
函数的返回值
如果函数没有return 这时候返回 undefined
():函数执行符
/**************函数的返回值**************************/
function demo5(a){
console.log("参数值:"+a());
return a;
}
// alert(demo5(5));
var a=function(){
console.log("我是函数a");
};
demo5(a);
7、数组
(一)数组的声明方式
function demo1(){
//方式一
var arr=new Array();
//方式二 5代表数组的长度
var arr2=new Array(5);
//console.log(arr2);
//方式三
var arr3=new Array("你好",123,new String(),true);
console.log(arr3);
//方式四
var arr4=["wsk666",123,new Date(),false];
}
(二)数据的使用
function demo2(){
var arr=[];
arr[0]="小李飞刀";
arr[1]=true;
arr[2]=new Date();
arr[6]=12;
//js中数组的下标可以不连续 如果没有给值就是empty
console.log(arr);
}
/*******数组的扩容********************/
function demo3(){
var arr=["wsk666",123,new Date(),false];
console.log(arr.length);
//扩大数组 empty
// arr.length=10;
//缩小数组
arr.length=2;
console.log(arr);
(三)数组遍历
/*******数组的遍历********************/
function demo4(){
var arr=["bjsxt",123,new Date(),false];
//数组的遍历方式一
for(var i =0;i<arr.length;i++){
console.log(arr[i]);
}
//数组遍历方式二 i :是代表数组的下标
for(var i in arr ){
console.log(arr[i]);
}
}
(四)数组的常用方法
function demo5(){
var arr=["bjsxt",123,new Date(),false];
console.log(arr);
//向数组的末尾添加一个或更多元素,并返回新的长度。
// var le= arr.push("我们");
//删除并返回数组的最后一个元素
// var le= arr.pop();
//删除并返回数组的第一个元素
//arr.shift();
// 向数组的开头添加一个或更多元素,并返回新的长度。
//arr.unshift("sxt");
// 删除的含义 开始删除的下标 删除的个数
//arr.splice(1,2);
//添加的含义 添加的下标 0 添加的元素
arr.splice(1,0,"你好");
console.log(arr);
}
demo5();
8、常用事件
<!--单击事件-->
<input type="button" name="" id="" value="单击操作" onclick="demo1();demo2()" /> <br /><br /><br />
<!--双击事件-->
<input type="button" name="" id="" value="双击事件" ondblclick="demo2()" /><br /><br /><br />
<!--鼠标事件 onmouseover:鼠标放上事件 onmouseout:鼠标离开事件 onmousemove:鼠标移动事件 -->
<div style="width: 300px; height: 300px; background-color: red;" onmousemove="demo4()"></div><br /><br /><br />
<!--键盘事件 onkeyup="demo5()" 键盘弹起-->
<input type="text" onkeydown="demo5()" /><br /><br /><br />
<!--焦点事件 onfocus:获得焦点事件 onblur:失去焦点事件 -->
<input type="text" name="" id="" value="" onchange="demo6()" />