Java script基礎 回顧

1、語法

代碼與C#類似，變量使用的是var引用出來，包含全部類型；能夠直接使用，不用定義。

 也是有內置分類的。例如：var b="10"  var c=10;一個是字符串一個是整型，c+c+a=2010;c+a+c=101010;若是前面是字符串，後面的變量也會成字符串

運算符

    數學運算符：+    -    *    /    %    ++    --；

    關係運算符：==    ！=    >=    <=    >    <；

    邏輯運算符：&&    ||    ！；

    其餘運算符：+=    -=    *=    /=    %=    ？：；

語句

     通常分爲順序、分支和循環語句。

    （1）分支語句：  if{}else{}   if{}else{}  

    （2）循環for語句：

數組

    數組的定義：new Array();    //它的長度是動態變化的，裏面能夠聽任意類型的元素。

    數組元素的賦值：a[0]=123; a[1]="hello";  //元素中的索引從0開始。

    數組的取值：a[i];

    數組屬性：a.length;    //數組元素的個數，長度。沒有count（）

    方法：a.sort(); //數組排序，按照每個元素的第一個字符進行排序。

            a.reverse();  //翻轉數組。

函數

    函數的四要素：名稱、輸入、返回值、加工。

    定義函數：function add(形參){函數體}     //函數名爲add，輸入爲參數的形式，返回值能夠是var類型，也能夠return一個返回值。

    匿名函數：function(){函數體}

    函數必須通過調用才能執行。函數的調用：add（實參）

2、對話框

一、alert("")：警告對話框，做用是彈出一個警告對話框

二、confirm("")：肯定對話框，彈出一個帶肯定和取消按鈕的對話框——肯定返回true，取消返回false

三、primpt("要顯示的文字"):能夠容許用戶輸入內容的對話框

 

3、Windows對象

（一）、

window.open("打開的地址","打開的位置")

window.opener:打開此頁面的上一個頁面對象

window.close():關閉當前頁面

window.navigate("url") 跳轉至目標頁面（超連接），在谷歌瀏覽器下有bug；（不經常使用）

window.moveTo(x,y) 移動頁面至某一位置，位置由x和y決定；（不經常使用）

window.resizeTo(寬，高) 調整頁面的寬度和高度；（不經常使用）

window.scrollTo（x,y）滾動頁面至哪裏，y表明縱向滾動；（不經常使用）

（二）Window.history對象

window.history.back();頁面進行後退；——主要記住

window.history.forward();頁面前進；

window.history.go(n); n若是是正數則表明前進n個頁面，n若是是負數則表明後退n個頁面，通常經常使用這一種。 

（三）Window.location對象

location地址欄

window.location.href="http://www.baidu.com";修改頁面地址，會跳轉頁面（超連接）——主要記住

 重要的

4、Windows對象——window.document對象

它能夠將Html中的元素提取到js裏面，而後對它進行各類各樣的操做

它是js中的核心中的核心

（一）取元素

      docunment.getElementById("id")；根據id找，最多找一個；

      docunment.getElementsByClassName("name") 根據classname找，找出來的是數組；注意中間是items不要忘了s

      docunment.getElementsByName("name")；根據name找，找出來的是數組；

      docunment.getElementsByTagName("name")；根據標籤名找，找出來的是數組；

注：id實在web端使用的，name實在服務端使用的

 

（二）操做內容

一、普通元素

取值：alert(a.innerHTML)——會將元素內的全部內容，包括元素標記都取出來

        alert(a.innerText)——只取裏面的文字，忽略全部被編譯元素

賦值：a.innerHTML = "<font color=red >hello world </font>"——若是內容有元素，編譯後實現

         a.innerText——會將賦的東西原樣呈現

二、變單元素

取值：var t = document.f1.t1——form表單ID爲f1裏面的ID爲t1的input；     

         var t = document.getElementById("id")—— 直接用ID獲取。

         alert(t.value)——獲取input中的value值；

賦值： t.value="內容改變"；

注：全部表單元素取值賦值都用value

（二）操做屬性

一、添加、修改屬性

        對象.setAttribute("屬性名","屬性值")——若是沒有此屬性會添加進去，相反，會修改此屬性的值

二、獲取屬性：

        對象.getAttribute("屬性名")——獲取屬性的值；

三、刪除屬性：

        對象.removeAttribute("屬性名")——移除一個屬性。

（三）操做樣式

一、添加、修改樣式

        對象.style.樣式名稱=值
二、獲取樣式

        var  ....=對象.style.樣式名稱  

（四）相關元素操做——寫通用特效用

var a = document.getElementById("id");找到a；

▲var b = a.nextSibling——找a的下一個同輩元素，注意包含空格；

▲var b = a.previousSibling——找a的上一個同輩元素，注意包含空格；

▲var b = a.parentNode——找a的上一級父級元素；

▲var b = a.childNodes——找出來的是數組，找a的下一級子元素；

▲var b = a.firstChild——第一個子元素，lastChild最後一個，childNodes[n]找第幾個；

▲alert(nodes[i] instanceof Text);——判斷是否是文本，是返回true，不是返回flase，用if判斷它的值是否是false，能夠去除空格。

  

5、事件

一、onclick：鼠標單擊觸發

     ondblclick：雙擊觸發

二、onmouseover：鼠標移動上面觸發

     onmouseout：鼠標離開時觸發

三、onblur：失去焦點時觸發

     onfocus：得到焦點是觸發

四、onkeyup：按鍵擡起來的時候觸發

 

補：一、得到某個元素的當前高度、寬度......   ——offsetheight、offsetwidth、offsettop;高度、寬度、上邊據等等

      二、瀏覽器尺寸改變觸發的事件：window.onresize