一,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中單獨(dú)引入js文件
<body>
<!--Mauk-up goes here...-->
<script type="text/javascript" src="file.js"></script>
</body>
二,注釋
//我是單行注釋
<!--我是多行注釋
我是多行注釋
我是多行注釋 -->
三,變量
概念
變量:在日常生活里,有些東西是固定不變的,有些東西則會(huì)改變。我們把那些發(fā)生改變的東西稱為變量。
賦值:把值存入變量的操作。
聲明:有很多語(yǔ)言要求在使用任何變量之前必須先對(duì)它做出“介紹”,也稱為聲明。
定義變量 并賦值
var age = 33;
變量賦值
mood = "happy";
age = 33;
聲明
var mood;
var age;
聲明和賦值最有效的寫法
var mood ="happy" , age = 33 ;
變量的的寫法
1,變量名允許包含字母,數(shù)字,美元符號(hào)($);
var my_mood = "happy";
2,使用駝峰格式
var myMood = “happy”;
*通常駝峰格式是函數(shù)名,方法名和對(duì)象屬性名命名的首選。
四,數(shù)據(jù)類型
概念
類型聲明:有些其他語(yǔ)言要求在聲明變量的同時(shí)還必須同時(shí)聲明變量的數(shù)據(jù)類型,這種做法稱為類型聲明。
- 1,字符串
var mood = 'happy';
//轉(zhuǎn)義
var mood = "don't ask"
var modd = 'don\'t ask' //如果想使用單引號(hào),必須用\進(jìn)行轉(zhuǎn)義。
- 2,數(shù)值
javascript支持小數(shù)
var age = 33.25;
也可以使用負(fù)數(shù)
var age = -20;
也支持浮點(diǎn)數(shù)
var age = -20.33333;
- 3,布爾值
布爾數(shù)據(jù)只有兩個(gè)可選值——true或 false;
var sleeping = true;
//布爾值不是字符串千萬(wàn)不要用引號(hào)括起來(lái)。
- 4,數(shù)組
概念
數(shù)組是指用一個(gè)變量表示一個(gè)值得集合,集合中的每一個(gè)值都是這個(gè)數(shù)組的一個(gè)元素。
數(shù)組的長(zhǎng)度
var beatles01 = Array(4);
聲明數(shù)組并進(jìn)行填充
var beatles02 =Array("John" , "Paul" , "George" , "Ringo");
或者
var beatles03 =["John" , "Paul" , "George" , "Ringo"];
*數(shù)組元素不必非得是字符串??梢园岩恍┎紶栔荡嫒胍粋€(gè)數(shù)組,還可以把一組數(shù)值存入一個(gè)數(shù)組
var beatles4 = [12,13,23,34];
甚至可以把這三個(gè)數(shù)據(jù)類型混雜在一起存入一個(gè)數(shù)組
var beatles5 = ["John" , 12, true];
數(shù)組元素還可以是變量
var name = "John";
beartles6[0] = name;
這將把beartles6數(shù)組的第一元素賦值為:“John”;
var names = ["John" , "Paul" , "George" , "Ringo"];
beates[1] = names[3];
數(shù)組元素的值還可以是另一個(gè)數(shù)組的元素。將把beates第二個(gè)值改為Ringo
var lennon = ["John" , "Paul" , "George" , "Ringo"];
var beates = [ ];
beates [0] =lennon;
數(shù)組還可以包含其他的數(shù)組。數(shù)組中的任何一個(gè)元素都可以把一個(gè)數(shù)組作為它的值。
- 5,對(duì)象
對(duì)象的每個(gè)值都是對(duì)象的一個(gè)屬性。
var lennon = object();
lennon.name = "john";
lennon.name ="1920";
lennon.name = false;
*創(chuàng)建對(duì)象使用object關(guān)鍵字。它不使用方括號(hào)和下標(biāo)來(lái)獲取元素,而是像任何javascript對(duì)象一樣,使用點(diǎn)號(hào)來(lái)獲取屬性。
創(chuàng)建對(duì)象還有一種更簡(jiǎn)潔的方法,即花括號(hào)語(yǔ)法:
var lennon ={name:"john",year:10, living:false};
創(chuàng)建一個(gè)新數(shù)組,并用lennon對(duì)象來(lái)填充它的第一個(gè)元素。
var beate = [ ];
beate[0] = lennon;
五.操作
- 1,算數(shù)操作符
簡(jiǎn)單的加法
1+4
多種操作符組合在一起
1+4*5
變量還可以包含操作符
var tatal = (1+4)*5;
如果給一個(gè)變量數(shù)值加1
year = year + 1;
也可以使用++
year ++;
甚至可以把數(shù)字跟字符串拼接到一起,數(shù)字將自動(dòng)轉(zhuǎn)化成字符串
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
*字符串跟數(shù)值拼接,結(jié)果是一個(gè)更長(zhǎng)的字符串;數(shù)值跟數(shù)值拼接,結(jié)果是倆個(gè)數(shù)值得算術(shù)和;
alert("10" + 10); // "1010"
alert(10 + 10) ;//20
- 2,條件語(yǔ)句
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循環(huán)
1,while循環(huán)
var count =1;
white(count <11){
count++;
}
2,for循環(huán)
for(var i=0; i<length; i++){
alert(i);
}
- 2.4函數(shù)
概念
函數(shù):如果需要多次使用同一段代碼,可以把它們封裝成一個(gè)函數(shù)。函數(shù)就是允許你在代碼里隨時(shí)調(diào)用的語(yǔ)句。
function shout(){
var beatles = Array("jonh","Paul","George","Ringo");
for(var count =0;count <beatles.length;count++){
alert(beatles[count]);
}
}
shout()//調(diào)用
- 2.5變量的作用域
全局變量:可以在腳本任何位置被引用。
function square(num){
total = num *num;
return total;
}
var total = 50;
var number =square(20);
alert(total);//400
局部變量:只存在于聲明它的那個(gè)函數(shù)的內(nèi)部,在那個(gè)函數(shù)外部是無(wú)法訪問(wèn)它的。
function square(num){
//我們把傳遞給函數(shù)的數(shù)據(jù)稱為參數(shù)。
var total = num*num;
var number =square(20);
return total;
}
alert(total);
*全局作用域是整個(gè)腳本;局部變量的作用域只限于特定的函數(shù)。