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、声明不赋值，默认值是undefined
3 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>