一,js的引入方式
1.将js代码放到head中
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>js 的引入方式</title>
<script>
// javascript goes here
</script>
</head>
2,在body中单独引入js文件
<body>
<!--Mauk-up goes here...-->
<script type="text/javascript" src="file.js"></script>
</body>
二,注释
//我是单行注释
<!--我是多行注释
我是多行注释
我是多行注释 -->
三,变量
概念
变量:在日常生活里,有些东西是固定不变的,有些东西则会改变。我们把那些发生改变的东西称为变量。
赋值:把值存入变量的操作。
声明:有很多语言要求在使用任何变量之前必须先对它做出“介绍”,也称为声明。
定义变量 并赋值
var age = 33;
变量赋值
mood = "happy";
age = 33;
声明
var mood;
var age;
声明和赋值最有效的写法
var mood ="happy" , age = 33 ;
变量的的写法
1,变量名允许包含字母,数字,美元符号($);
var my_mood = "happy";
2,使用驼峰格式
var myMood = “happy”;
*通常驼峰格式是函数名,方法名和对象属性名命名的首选。
四,数据类型
概念
类型声明:有些其他语言要求在声明变量的同时还必须同时声明变量的数据类型,这种做法称为类型声明。
- 1,字符串
var mood = 'happy';
//转义
var mood = "don't ask"
var modd = 'don\'t ask' //如果想使用单引号,必须用\进行转义。
- 2,数值
javascript支持小数
var age = 33.25;
也可以使用负数
var age = -20;
也支持浮点数
var age = -20.33333;
- 3,布尔值
布尔数据只有两个可选值——true或 false;
var sleeping = true;
//布尔值不是字符串千万不要用引号括起来。
- 4,数组
概念
数组是指用一个变量表示一个值得集合,集合中的每一个值都是这个数组的一个元素。
数组的长度
var beatles01 = Array(4);
声明数组并进行填充
var beatles02 =Array("John" , "Paul" , "George" , "Ringo");
或者
var beatles03 =["John" , "Paul" , "George" , "Ringo"];
*数组元素不必非得是字符串。可以把一些布尔值存入一个数组,还可以把一组数值存入一个数组
var beatles4 = [12,13,23,34];
甚至可以把这三个数据类型混杂在一起存入一个数组
var beatles5 = ["John" , 12, true];
数组元素还可以是变量
var name = "John";
beartles6[0] = name;
这将把beartles6数组的第一元素赋值为:“John”;
var names = ["John" , "Paul" , "George" , "Ringo"];
beates[1] = names[3];
数组元素的值还可以是另一个数组的元素。将把beates第二个值改为Ringo
var lennon = ["John" , "Paul" , "George" , "Ringo"];
var beates = [ ];
beates [0] =lennon;
数组还可以包含其他的数组。数组中的任何一个元素都可以把一个数组作为它的值。
- 5,对象
对象的每个值都是对象的一个属性。
var lennon = object();
lennon.name = "john";
lennon.name ="1920";
lennon.name = false;
*创建对象使用object关键字。它不使用方括号和下标来获取元素,而是像任何javascript对象一样,使用点号来获取属性。
创建对象还有一种更简洁的方法,即花括号语法:
var lennon ={name:"john",year:10, living:false};
创建一个新数组,并用lennon对象来填充它的第一个元素。
var beate = [ ];
beate[0] = lennon;
五.操作
- 1,算数操作符
简单的加法
1+4
多种操作符组合在一起
1+4*5
变量还可以包含操作符
var tatal = (1+4)*5;
如果给一个变量数值加1
year = year + 1;
也可以使用++
year ++;
甚至可以把数字跟字符串拼接到一起,数字将自动转化成字符串
var mood = "happy";
var message = "I am feeling" +mood;
console.log(message);
I am feeling happy
var year =200;
var message ="I am year is " + year;
consoe.log(message);
I am year is 200
*字符串跟数值拼接,结果是一个更长的字符串;数值跟数值拼接,结果是俩个数值得算术和;
alert("10" + 10); // "1010"
alert(10 + 10) ;//20
- 2,条件语句
if(1>2){
alert("This world has gone mad")
}
- 2.1比较操作符my
= 赋值
var my_good = "happy";
== 比较
var my_good = "happy";
var your_mood = "sad";
if(my_good == your_mood){
alert("We both fell the same");
}
=== 全等于
var a =false;
var b = "";
if(a===b){
alert("a equals b");
}
!=不等于
if(my_mood != your_mood){
alert("We're feeling different moods");
}
- 2.2逻辑操作符
|| 或
if(num>10 || num <=10){
alert("The number is not in the right range.")
}
&& 与
if(num>=5 && num <=10){
alert("The number is in the right range.")
}
- 2.3循环
1,while循环
var count =1;
white(count <11){
count++;
}
2,for循环
for(var i=0; i<length; i++){
alert(i);
}
- 2.4函数
概念
函数:如果需要多次使用同一段代码,可以把它们封装成一个函数。函数就是允许你在代码里随时调用的语句。
function shout(){
var beatles = Array("jonh","Paul","George","Ringo");
for(var count =0;count <beatles.length;count++){
alert(beatles[count]);
}
}
shout()//调用
- 2.5变量的作用域
全局变量:可以在脚本任何位置被引用。
function square(num){
total = num *num;
return total;
}
var total = 50;
var number =square(20);
alert(total);//400
局部变量:只存在于声明它的那个函数的内部,在那个函数外部是无法访问它的。
function square(num){
//我们把传递给函数的数据称为参数。
var total = num*num;
var number =square(20);
return total;
}
alert(total);
*全局作用域是整个脚本;局部变量的作用域只限于特定的函数。