js 的概念和声明
Js的概念和声明:问题:在网页的发展历程中,发现网页不能对用户的数据进行自动校验,和提供一些特效造成用户体验极差解决:使用JavaScript作用:可以让网页和用户之间进行直接简单的交互.可以给网页制作特效和动画注意:js是由浏览器解析执行的.js需要在HTML文档中进行声明使用:声明Js代码域1.在head标签中使用script声明js代码域<head>....<!--声明js代码域--> <script type="text/javascript"> function test(){ alert("哈哈,js学习起来很简单!!!"); } </script> </head>2.在head标签中使用script引入外部声明的js文件<head>....<!--声明js代码域--><!--引入外部声明好的js文件--> <script src="js/my.js" type="text/javascript" charset="utf-8"></script> </head>js 的变量
js的变量学习: <html> <head> <title>js的变量学习</title><meta charset="UTF-8"/> <!-js的变量学习:1 js的变量声明使用var关键字进行变量声明,格式如下:var 变量名=初始值;例如: var a="呵呵";2 js变量的特点a、 变量声明只有var关键字，声明的变量可以存储任意类型的数据。b、 js中的代码可以不适用分号结尾，但是为了提升代码的阅读性，建议使用分号。c、js中的变量允许出现同名变量，但是后面的会将前面的覆盖。d、声明不赋值，默认值是undefined3 js的数据类型使用换件typeof判断变量的数据类型number:数值类型string:字符类型,注意：在js中字符可以使用单引号也可以使用双引号boolean:布尔类型object:对象类型4 js的变量强转使用Number()函数：将其他数据类型转换为数值类型，转换失败返回NaN(not a number)使用Boolean()函数：将其他数据类型转换为布尔类型，有值返回true，无值返回false;5 特殊的值 null object undefined undefined NaN number 作用:变量是用来存储数据的,方便程序进行操作.--> <!--声明js代码域--> <script type="text/javascript"> //js的变量声明 var a=1; var a1=2.2; var a3='哈哈';var a31='和'; var a4=false; var a5=new Date(); //alert(a3); var b="北京八分钟";var b="平昌冬奥会"; //alert(b); var c; //alert(a3); //js的数据类型 //alert(typeof a5); //js的变量强转var a=1; var b="11"; var c="哈哈"; var d; alert(typeof null); alert(Boolean(d)); if(Boolean(a)){ alert("js学习"); } </script> </head> <body> <h3>js的变量学习</h3> <hr /> </body> </html>js 的运算符和逻辑结构
js的运算符和逻辑结构：作用：变量是存储要处理的数据的，运算符和逻辑结构就是用来处理数据的---------------------------------------------------------------------------------------<html> <head> <title>js的运算符和逻辑结构</title> <meta charset="UTF-8"/> <!-js的运算符和逻辑结构:作用：结合变量进行数据处理使用:算术运算符： +,-,*,/,% 关系运算符: >,>=,<,<=,!= 等值符：==如果类型一致则直接比较值如果类型不一致则先使用Number强转为同一类型后再比较值等同符：===先判断类型，如果类型一致则再比较内容如果类型不一致则直接fasle逻辑运算符: && || ! 逻辑结构： if(){}else if(){} else{} switch(){} for(){} while(){} do{}while() 注意：判断条件可以直接是变量。注意：js中变量是没有类型的，但是数据是有类型的，在进行数据处理的时候要注意数据的类型。--> <!--声明js代码域--> <script type="text/javascript"> //算术运算符 var a=3; var b=4; //alert(a+b); //关系运算符 var a1=6; var b1=5; //alert(a1>b1); //逻辑结构 //alert(a1>b1&&a>b); /*------------------------------------------------*/ //等值符(==) var a2=1; var a3=1; var b2="1"; var c2=true; var d2="true"; var e2="a"; // alert(a2===a3);//true true // alert(a2===b2);//true false // alert(a2===c2);//true false // alert(a2===d2);//false false // alert(b2===c2);//true false // alert(b2===d2);//false fasle // alert(d2===e2)//false false /*------------------------------------------------*/ //for循环结构 for(var i=0;i<5;i++){ //alert("该吃饭了，好饿"); } //九九乘法表 for(var i=1;i<=9;i++){ for(var j=1;j<=i;j++){ document.write(j+"*"+i+"="+i*j+" "); } document.write("<br />"); }</script> </head> <body> <h3>js的运算符和逻辑结构</h3> <hr /> </body> </html>js 的数组
js的数组学习：作用：存储数据，保证数据的完整性，操作方便。--------------------------------------------------------------------------------------<html> <head> <title>js的数组</title> <meta charset="UTF-8"/> <!-js的数组学习：问题：使用变量存储数据，如果数据量比较大的时候，会造成需要声明大量的变量去存储数据，代码整洁度及阅读性极差，数据的完整性得不到保证。解决：使用数组作用：存储数据使用：js的数组的声明var arr1=new Array();//声明一个空数组var arr2=new Array(长度)//声明指定长度的数组。var arr3=[]//声明一个空数组，也可以在声明时直接赋值，例如：var arr3=["a","b","c"];js数组的使用数组的赋值数组名[角标]=值；注意：js中赋值可以跳跃角标赋值，不存在的角标也可以赋值，会对数组的大小进行改变。数组的取值:var 变量名=数组名[角标名]注意：如果获取的角标没有数据，则返回undefined;js的数组的特点特点1：js中的数组可以存储任意类型的数据。特点2：js的数组可以通过length属性动态的改变长度。可以增加，也可以缩短。注意：如果是增加，则使用逗号进行占位如果是缩减则从后往前减少存储的数据。js的数组的遍历：普通for循环增强for循环注意：增强for循环中，循环条件声明的变量记录的是角标。js的数组的常用操作方法：数组名.pop()//移除并返回最后一个元素。数组名.push(要添加的数据)//在数组最后追加数据，并返回新的长度。--> <!--声明js代码域--> <script type="text/javascript">//创建数组//第一种方式 var arr1=new Array(); arr1[0]="哈哈";arr1[1]="嘿嘿"; //alert(typeof arr1);//alert(arr1.length); //第二种声明方式 var arr2=new Array(5); var arr4=new Array([5,7,8]); //alert(arr4); //第三种声明方式 var arr3=["a","b","c"]; //alert(arr3); //使用数组 var arr=[]; //给数组的赋值arr[0]="张三";arr[1]="李四";arr[10]="王五"; //alert(arr) //获取数组中的数据 var a=arr[0]; var b=arr[100]; //alert(b); //数组的特点//可以存储任意类型的数据 var arr5=[1,"a",new Date()]; //alert(arr5.length); arr5.length=10; //alert(arr5); arr5.length=2; //alert(arr5); //数组的遍历 var arr=[1,2,3,4,5]; //第一种：普通for循环 // for(var i=0;i<arr.length;i++){ // alert(arr[i]);// } //第二种：高级for // for(var i in arr){ // alert(arr[i]); // } //常用的操作方法: var arr=["a","b","c","d"]; var str=arr.pop(); alert(str); alert(arr); var str2=arr.push("哈哈"); alert(str2); alert(arr); </script> </head> <body> <h3>js的数组学习</h3> <hr /> </body> </html>