Day 07
總結
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:是一個屬性：得到創建這個窗口的窗口的對象
