JS-JavaScript學習筆記（一），javascript學習筆記

JS-JavaScript學習筆記（一），javascript學習筆記
javaScript


1.文檔的輸出：document.write() 可輸出字元，運算式，html標籤，函數


2.任何類型和字串相加，都會被轉換成字串類型。
例如：var i=5; var j="5"; var k=i+j; 結果：k=55


3.運算子優先順序（由高到低）
算術操作符->比較操作符->邏輯操作符->"="賦值操作符 ，如果同級的運算按從左至右次序進行，多層括弧由裡向外


4.事件：
onclick滑鼠點擊,
onmouseover滑鼠經過,
onmouseout滑鼠離開,
onfocus獲得焦點,
onblur失去焦點,
onselect選中,
onchange文字框發生改變,
onload載入,
onunload卸載
5.內建對象


Date日期對象，
get/setTime();時間
get/setDate();日期
getDay();星期
String字串對象，
charAt(index);獲得指定位置的字元;
indexOf(substring,startPos);返回指定字串首次出現的位置;
split(separator,limit);字串分割成字元數組
substring(startPos,endPos);提取字串中介於兩個下標間的字串
subsrt(startPos,length);提取字串中從startPos位置開始指定數目的字串


Math對象，
ceil(x);向上取整
floor(x);向下取整
round(x);四捨五入
random();隨機數


Array數組對象，
concat(array1.....arrayN);數組串連
join(分隔字元);指定分隔字元串連數組元素
reverse();顛倒數組元素順序
slice(start,end);從已有數組中返回指定元素
sort(方法函數);使數組按一定順序排序
例子：
<script type="text/javascript">
 function sortNum(a,b) {
 return a - b;
//升序，如降序，把“a - b”該成“b - a”
}
var myarr = new Array("80","16","50","6","100","1");
 document.write(myarr + "<br>");
 document.write(myarr.sort(sortNum));
</script>

6.瀏覽器對象

**BOM瀏覽器物件模型(Browser Object Model)

（1）.window對象

（2）.javascript計時器
a.計時器var i=setInterval(代碼，互動時間);在執行時,從載入頁面後每隔指定的時間執行代碼。
b.取消計時clearIntercal(i);
c.計時器setTimeout(代碼，延遲時間)，在載入後延遲指定時間後,去執行一次運算式,僅執行一次。

d.取消計時器clearTimeout(由 setTimeout() 返回的 ID 值)

（3）.History對象 --history對象記錄了使用者曾經瀏覽過的頁面(URL)，並可以實現瀏覽器前進與後退相似導航的功能。
a.window.history.[屬性|方法]
b. 屬性length ，返回瀏覽器曆史列表中URL的數量

c. 方法：back() ，載入History列表中的前一個URL ,相當於go(-1) ; forward() 載入History列表中下一個URL ,相當於go(1) ; go(number-要訪問的URL在列表中的相對位置) 載入History列表中指定的頁面

（4）.Location對象  --location用於擷取或設定表單的URL，並且可以用於解析URL。

（5）.Navigator對象 --Navigator 對象包含有關瀏覽器的資訊，通常用於檢測瀏覽器與作業系統的版本。

（6）.screen對象 --screen對象用於擷取使用者的螢幕資訊。

7.DOM （Document Object Model）文件物件模型  --定義訪問和處理HTML文檔的標準方法。DOM 將HTML文檔呈現為帶有元素、屬性和文本的樹結構（節點樹）。

(1).getAttribute(name)方法   -通過元素節點的屬性名稱擷取屬性的值。
文法：
elementNode.getAttribute(name)
說明:
1. elementNode：使用getElementById()、getElementsByTagName()等方法，擷取到的元素節點。
2. name：要想查詢的元素節點的屬性名稱字
(2).setAttribute()方法  -增加一個指定名稱和值的新屬性，或者把一個現有的屬性設定為指定的值。
文法：
elementNode.setAttribute(name,value)
說明：
1.name: 要設定的屬性名稱。
2.value: 要設定的屬性值。
注意：
1.把指定的屬性設定為指定的值。如果不存在具有指定名稱的屬性，該方法將建立一個新屬性。
2.類似於getAttribute()方法，setAttribute()方法只能通過元素節點對象調用的函數。
(3)瀏覽器視窗可視地區大小
在不同瀏覽器都實用的 JavaScript 方案：
var w= document.documentElement.clientWidth
     || document.body.clientWidth;
var h= document.documentElement.clientHeight
     || document.body.clientHeight;
(4)網頁尺寸scrollHeight
瀏覽器安全色性
var w=document.documentElement.scrollWidth
  || document.body.scrollWidth;
var h=document.documentElement.scrollHeight
  || document.body.scrollHeight;
注意:區分大小寫
scrollHeight和scrollWidth還可擷取Dom元素中內容實際佔用的高度和寬度。


(5)網頁尺寸offsetHeight
offsetHeight = clientHeight + 捲軸 + 邊框。
瀏覽器安全色性
var w= document.documentElement.offsetWidth
   || document.body.offsetWidth;
var h= document.documentElement.offsetHeight

   || document.body.offsetHeight;

參考網站：http://www.imooc.com/learn/10

學習網站：http://www.dreamdu.com/javascript/core/

著作權聲明：本文為博主原創文章，未經博主允許不得轉載。