總結
Css和HTML的四種結合方式

1:標籤裡面直接使用style屬相定義屬性值值

2:使用標籤 <style type=”text/css”>css程式碼</style>

3: 在是style標籤裡面使用 @import url(css的路徑)

<style type=”text/css”>@import url(div.css);</style>

4: 使用頭標籤link <link rel=”stylesheet” type=”text/css”href=”css的檔案路徑”>

Css的基本選擇器（三種）

標籤選擇器：div {css程式碼}

Class選擇器 .名稱{}

Id選擇器 #名稱{}

擴充套件選擇器（三種）

關聯選擇器：巢狀標籤樣式設定

組合選擇器：不同標籤設定相同的樣式

偽元素選擇器：

盒子模型：邊框border 內邊距 padding 外邊距 margin

漂浮：float：left right

定位：position ：absolute relative

JavaScript
基於物件和事件驅動的語言，應用於客戶端，安全性，互動性，跨平臺

Js和HTML的結合方式（兩種）

1 <script type=”text/javascript”>js程式碼；</script>

2<script type=”text/javascript”src=”js的路徑”>

Js的資料型別：string number Boolean nullundefined

語句 if while switch fordo-while

==判斷值 ===判斷值還有型別

Js陣列的三種定義方式：

Var arr=[1,2,”3”];

Var arr1=new Array(9);陣列的長度是9

Var arr2= new array（1,2,4）

屬性 length表示陣列的長度

Js的函式 function add(a,b){方法體和返回值；}

Var add1= function(m,n) {方法體和返回值;}

Var add2= new Function(“a,b”,”方法體和返回值”)

不要忘記呼叫

Js 的全域性變數和區域性變數

全域性變數：在js的任何部分都可以使用

區域性變數：只有在定義的方法體內可以使用

Script標籤的位置最好放在body的後面。因為載入順序是由前向後的

Js 的 String物件
建立String 物件 ：Var str=”abc”;

屬性length：求字串的長度

方法：

1：與HTML相關的方法

—bold()加粗字型，—fontcolor(“顏色”)，—fontcolor（1-7）字型大小

—link（）將字串顯示成超連結，點選超連結進入指定頁面

—sub —sup設定上標和下標

2：與Java相關的方法

—Concat()連結字串 —charAt()返回指定位置的字元(字元不存在返回空字元)

—indexOf返回字元第一次出現的位置，如果不存在返回-1；

—split()切分字串 var str5="1-3-45-6"; vararr=str5.split("-");

document.write(arr.length);結果是4

—replace()替換字串 replace(“a”,”A”);將a替換成A

—substr(5,5)從第幾位開始向後幾位

——substring(3,5)得到[3,5)，從第幾位到第幾位

Js 的Array物件
建立陣列（三種）

var arr1= [1,2,3];

var arr2=new Array(3);

var arr3= new Array(1,3,5);

陣列的屬性 length 求陣列的長度

方法

—concat()連結兩個字串

—join(“-”)使用”-“來分割字串

—push()向陣列最後新增元素並且返回陣列的長度，如果最後加的是一個數組，那麼會吧陣列當做一個字串新增進去。

—pop()刪除最後一個元素，並且返回刪除元素的值

—reverse()顛倒陣列中元素的順序

Js的date物件
獲取當前時間 var date=new Date();

//轉化為普通格式 date.toLocaleString();‎2018‎年‎4‎月‎6‎日‎ ‎11‎:‎04‎:‎24

獲取當前年的方法：getFullYear()

獲取當前月的方法：getMonth()+1;

獲取當前星期的方法：getDay();星期日返回0；

獲取當前日的方法：getDate()

獲取當前的小時：getHouse();

獲取當前的分鐘：getMinutes();

獲取當前的秒：getSeconds();

獲取毫秒數：getTime();返回1970年到現在的豪秒數，處理快取的問題

Js 的Math物件
數學運算：裡面都是靜態方法，直接使用Math.方法()

—ceil();向上舍入

—floor();向下舍入

—round();四捨五入

—random();0-1之間的隨機數

—pow(2,5);返回2的5次方

—abs();絕對值

Js的全域性函式
由於不屬於任何的函式，直接寫名稱來使用

—eval();執行js程式碼，如果字串是一個js 程式碼，使用方法直接執行。

varstr="alert('123');";eval(str);

—encodeURI(),encodeURIComponent(),對中文字元進行編碼

—decodeURI(),decodeURIComponent(),對中文字元解碼

—isNaN()判斷是否是數字，是數字返回false，不是數字返回true

—parseInt();型別轉化將字串轉化為數字型別

Js的過載
定義：函式名相同，引數不同

不存在過載：可以模擬過載，呼叫最後一個方法，把傳遞的引數放到arguments陣列中，通過檢視陣列arguments的長度來區別不同的函式。

Js 的bom物件

Bom：borswer object model:瀏覽器物件模型

物件：

Navigator：獲取瀏覽器的一些資訊 document.write(navigator.appName);

Screen：獲取螢幕資訊document.write(screen.height);

Location:請求url地址document.write(location.href);

設定URL的地址：在頁面上安置一個按鈕，按鈕繫結一個事件，當我點選這個按鈕，頁面跳轉到另外的一個頁面

<input type="button"value="tiaozhun" οnclick="href1()";/>

functionhref1(){location.href="Css01.html";}

history：history.back();到上一個頁面history.forword()到下一個頁面

Window：頂層物件，視窗物件

方法：alert()頁面彈出框

Confirm()確認提示框 window.confirm(“顯示的內容”);返回Boolean值

Prompt():輸入對話方塊 window.prompt(“文字提示資訊”,”預設輸入值”)

Open() :開啟一個新的視窗open(“新視窗的URI”,”空”,”視窗的特徵”);

Close():關閉

setInterval(“js程式碼”，毫秒數)一直執行

setTimeout(“js程式碼”，毫秒數)只會執行一次

clearInterval(id):setInterval函式會返回一個值，通過這個函式可以清除

clearTimeout(id)

js的dom物件

dom: document object model:文件物件模型

文件：超文字標記文件 HTML，xml

物件：提供了屬性和方法

模型：使用方法和屬性操作超文字標型文件

可以使用js裡面的dom提供的物件，使用這些物件的屬性和方法，對標記型文件進行操作

想要對標記型文件進行操作，首先需要對標記型文件裡面的所有內容封裝成物件

需要把HTML裡面的標籤，屬性，文字內容都封裝成物件

想要對標記型文件操作，首先需要解析

解析過程：首先根據HTML的層級結構，在記憶體中分配一個樹形結構，需要把HTML中的每部分封裝成物件

—document物件：整個文件

—element物件：標籤物件

—文字物件

—屬性物件

——Node節點物件：這個物件是所有物件的父物件

*****如果在其他物件裡面找不到想要的方法，就可以在這個物件裡面找

DHTML:是HTML，css，dom,javascript這些技術的簡稱

Document物件
表示整個文件

常用的方法：write，向頁面輸出變數，輸出HTML程式碼

getElementByID ()通過id得到物件

<input type=”text” id=”nameid”>

var input1=document.getElimentByID(“nameid”);得到input 的物件

getElementsByName();通過名字得到陣列物件

<input type="text"name="name1" value="aaa">

<input type="text"name="name1" value="bbb">

<input type="text"name="name1" value="ccc">

<script type="text/javascript">

var arr=document.getElementsByName("name1");得到陣列物件

for(var i = 0 ;i<arr.length;i++){

var arr1=arr[i]; 得到每一個input物件

alert(arr1.value);} 通過input得到value的值

</script>

</body>

getElementsByTagName()通過標籤得到物件

<inputtype="text" name="name1" value="aaa">

<inputtype="text" name="name1" value="bbb">

<inputtype="text" name="name1" value="ccc">

<scripttype="text/javascript">

vararr=document.getElementsByTagName("input");

for(vari = 0 ;i<arr.length;i++){

vararr1=arr[i];

alert(arr1.value);}

</script>

opener:是一個屬性：得到建立這個視窗的視窗的物件。