2018/1/1 Html+CSS+JavaScript

標籤：status   作用   引入   tle   部分   互動   網頁   規則   優先   

1、頭資訊的作用
可以網頁的標題 tittle
搜尋關鍵詞：keywords
頁面描述：description
網頁跳轉： http-eqip
2、css樣式的匯入@import，實際上相當於內嵌，但是優先順序是最差的、
3、標籤選取器 p
類別選取器 .class
ID選取器 #IdValue
全域選取器 *
組合選取器 羅列前面的
偽類別選取器 用於判定a標籤的狀態
4、javascript中使用原型property實現繼承；
5、JavaScript：
（1）基於對象
JS本身就有一些現成的對象可供程式員使用，例如：Array，Math，String。。。
JS並不排除你可以自已按一定的規則建立對象
（2）事件驅動
JS代碼寫好後，需要外界觸發後，方可運行，例如：單擊事件，定時執行，。。。
（3）解釋性
每次運行JS代碼時，得需要將原代碼一行一行的解釋執行
相對編譯型語言（例如：Java、C++）執行速度相對較慢
（4）基於瀏覽器的動態互動網頁技術
如果JS嵌入到HTML中，可以不需要伺服器支援，直接由瀏覽器解釋執行
如果JS嵌入到JSP或Servlet中，必需要伺服器支援，直接由瀏覽器解釋執行
（5）嵌入在HTML標籤中
JS必須嵌入到一個名叫<script src="引入外部js檔案"></script>的標籤中，方可運行
指令碼語言
6、JS中的三種類型
（1）基本類型：number，string，boolean
number包含正數，負數，小數
string由‘‘或""定界
boolean由true或false，但js中的boolean也包含更多情況，例如：存在表示true，不存在表示false
（2）特殊類型：null，undefined
null表示一個變數指向null
undefined表示一個變數指向的值不確定
（3）複合類型：函數，對象，數組
對象包含內建對象和自訂的對象
7、JS中有三種定義函數的方式
（1）正常方式：function mysum(num1,num2){return num1+num2;}
function mysum(num1,num2){
return num1 + num2;
}
var myresult = mysum(100,200);
alert("myresult="+myresult);

（2）構造器方式：new Function("num1","num2","return num1+num2;")
var youresult = new Function("num1","num2","return num1+num2");
alert( youresult(1000,2000) );

（3）直接量或匿名或無名方式：var mysum = function(num1,num2){return num1+num2;}
var theyresult = function(num1,num2){
return num1 + num2;
}
alert( theyresult(10000,20000) );
8、）JS中有四種對象
（1）內建對象 ：Date，Math，String，Array，。。。
var str = new Date().toLocaleString();
window.document.write("<font size=‘44‘ color=‘red‘>"+str+"</font>");

（2）自訂對象：Person，Card，。。。
function Student(id,name,sal){
//this指向s引用
this.id = id;
this.name = name;
this.sal = sal;
}
var s = new Student(1,"波波",7000);
document.write("編號:" + s.id + "<br/>");
document.write("姓名:" + s.name + "<br/>");
document.write("薪水:" + s.sal + "<br/>");

（3）瀏覽器對象： window，document，status，location，history。。。
function myrefresh(){
window.history.go(0);
}

（4）ActiveX對象：ActiveXObject("Microsoft.XMLHTTP")，。。。

9、BOM編程基礎
全稱 Browser Object Model，瀏覽器物件模型。
JavaScript是由瀏覽器中內建的javascript指令碼解譯器程式來執行javascript指令碼語言的。
為了便於對瀏覽器的操作，javascript封裝了對瀏覽器的各個對象使得開發人員可以方便的操作瀏覽器。
10、DOM簡介
全稱Document Object Model，即文件物件模型。
DOM描繪了一個層次化的樹，允許開發人員添加、刪除、修改頁面的某一部分。

瀏覽器在解析HTML頁面標記的時候，其實不是按照一行一行讀取並解析的，
而是將HTML頁面中的每一個標記按照順序在記憶體中組建一顆DOM樹，
組建好之後，按照樹的結構將頁面顯示在瀏覽器的視窗中。

2018/1/1 Html+CSS+JavaScript