1.css 和 html 的結(jié)合方式
(1)在每一個(gè) html 標(biāo)簽上都有一個(gè)屬性 style,把 css 和 html 結(jié)合在一起
<div style="background-color:red;color:green;">
(2)使用 html 的一個(gè)標(biāo)簽實(shí)現(xiàn) <style> 標(biāo)簽,寫在 head 里面
<style type="text/css>
css代碼;
</style>
(3) 使用頭標(biāo)簽 link,引入外部 css 文件
首先創(chuàng)建一個(gè) css 文件
<link rel="stylesheet" type="text/css"href="css文件路徑">
2.JavaScript 的簡介
1.是基于對象和事件驅(qū)動的語言,應(yīng)用于客戶端
- 基于事件:
提供了很好的對象,可以直接拿過來使用- 事件驅(qū)動:
html 做網(wǎng)站靜態(tài)效果,JavaScript 動態(tài)效果- 客戶端:專門指的是瀏覽器
2.Js 的特點(diǎn)
(1) 交互性
信息的交互
(2)安全性
js 不能訪問本地磁盤的文件
(3)跨平臺性
java 里面跨平臺----虛擬機(jī)
只有能夠支持 js 的瀏覽器,都可以運(yùn)行
3.JavaScript 和 java 的區(qū)別(雷鋒和雷峰塔)
(1) java 是sun 公司,現(xiàn)在 oracle;js 是網(wǎng)景公司
(2)JavaScript 是基于對象的,java 是面向?qū)ο蟮?br> (3)java是強(qiáng)類型的語言,js 是弱類型的語言
(4)JavaScript 只需要解析就可以執(zhí)行,而 java 需要編譯成字節(jié)碼文件,再執(zhí)行。
4.JavaScript 的組成
三部分組成
(1) ECMAScript
ECMA:歐亞計(jì)算機(jī)協(xié)會
由 ECMA 組織制定的 js 的語法,語句....
(2) BOM
broswer object model:瀏覽器對象模型
(3) DOM
document object model: 文檔對象模型
3.js 與 html 結(jié)合方式
第一種:
使用一個(gè)標(biāo)簽
<script type=“text/javascript” >js 代碼</script>
第二種:
使用 script 標(biāo)簽,引入一個(gè)外部的 js 文件
創(chuàng)建一個(gè) js 文件,寫 js 代碼
<script type="text/javascript" src ="1.js"></script>
使用第二種方式時(shí),就不要在 script 標(biāo)簽里面寫 js 代碼,不會執(zhí)行。
4.js 的原始類型和聲明變量
定義變量:都使用關(guān)鍵字 var
js 的原始數(shù)據(jù)類型
- string :字符串8
var str="abc";
- number 數(shù)字類型
var m=123;
- boolean:true 和 false
var flag=true;
- null
var date =new Date();
獲取對象的引用,null 表示對象引用為空,所有對象的引用也是 object
-
undifined
定義一個(gè)變量,沒有賦值
var aa;
typeof(); 查看當(dāng)前變量的數(shù)據(jù)類型
5.js 的語句
1.if 判斷語句
=:表示賦值
== :表示判斷
2.switch 語句
js 里面所有類型都支持
3.循環(huán)語句(for while do-while)
for 循環(huán)里面 java 里面定義是 int ,js 定義是 var
4.i + + 和 + + i 和java 里面一樣
6.js 的運(yùn)算符
1.+= :x+=y——> x=x+y;
2.js 里面不區(qū)分整數(shù)和小數(shù)
var j=123;
alert(j/1000*1000);
// j/1000*1000 在 java 里面得到的結(jié)果是 0
//在 js 里面不區(qū)分整數(shù)和小數(shù),123/1000=0.123*1000=123
3.字符串相加和相減的操作
如果相加的時(shí)候,做的是字符串連接
如果相減,做的是相減運(yùn)算
提示 NaN :表示不是一個(gè)數(shù)字
4.Boolean 類型也可以操作
如果設(shè)置成 true,相當(dāng)于這個(gè)值是 1
如果設(shè)置成 false,相當(dāng)于這個(gè)值是 0
5. == 和 === 區(qū)別
做判斷:
== 比較的只是值
=== 比較的是值和類型
6.引入知識
直接向頁面輸出語句(可以把內(nèi)容顯示在頁面上)
document.write("aaa");
document.write("<hr/>");
可以向頁面輸出變量,固定值和 html 代碼
7.js 數(shù)組
1.數(shù)組定義方式
第一種:
var arr=[1,2,3];
var arr=[1,"4",ture];
第二種:
使用內(nèi)置 Array 對象
var arr1=new Array(5);//定義一個(gè)數(shù)組,數(shù)組長度是 5
第三種:
使用內(nèi)置 Array 對象
var arr1=new Array(3,4,5);//定義一個(gè)數(shù)組,數(shù)組元素是3 4 5
2.數(shù)組屬性
length : 獲取到數(shù)組長度
3.數(shù)組可以存放不同的數(shù)據(jù)類型的數(shù)據(jù)
8.js 函數(shù)
1.定義函數(shù)
第一種方式:
使用到關(guān)鍵字 function
function 方法名(參數(shù)列表){
方法體;
返回值可有可無(根據(jù)實(shí)際需要)
}
舉例:
function add(a,b,c){
var sum=a+b+c;
return sum;
}
alert(add(3,4,5)); //調(diào)用方法
第二種方式:
匿名函數(shù)
var add=function(參數(shù)列表){
方法體和返回值
}
舉例:
var add =function(m,n){
alert(m+n);
}
add(5,6); //調(diào)用方法
9.js 全局變量和局部變量
-
全局變量:在 script 標(biāo)簽里面定義一個(gè)變量,這個(gè)變量在頁面中 js 部分都可以使用
——在方法外部使用,在方法內(nèi)部使用,在另一個(gè) script 標(biāo)簽使用 -
局部變量:在方法內(nèi)部定義一個(gè)變量,只能在方法內(nèi)部使用
——如果在方法外部調(diào)用這個(gè)變量,提示出錯(cuò)
10.script 標(biāo)簽放的位置
建議把 script 標(biāo)簽放到 </body>后面