JavaScript、Dom、jQuery

• JavaScript基礎
• Dom編程
• jQeury

http://www.cnblogs.com/wupeiqi/articles/4457274.html

 變量和函數的聲明

一、全局變量和局部變量
    name ＝ 'alex'
    var name ＝ 'alex'
 
二、基本函數和自執行函數
    function Foo(arg){
        console.log(arg);
    }
 
    (function (arg) {
        alert(arg);
    })('alex')

 數組聲明

聲明，如：
    var array = Array() 或 var array = []
 
添加
    obj.push(ele)                   追加
    obj.unshift(ele)                最前插入
    obj.splice(index,0,'content')   指定索引插入
 
移除
    obj.pop()                       數組尾部獲取
    obj.shift()                     數組頭部獲取
    obj.splice(index,count)         數組指定位置後count個字符
 
切片
    obj.slice(start,end)           
 
合併
    newArray ＝ obj1.concat(obj2)   
 
翻轉
    obj.reverse()
 
字符串化
    obj.join('_')
 
長度
    obj.length

 類型轉換：
其餘類型轉化爲整數：parseint();
其餘類型轉化爲小數：parsefloat();
判斷是不是數字類型：isNaN();    是數字的話返回false，不是數字的話返回true；

函數
定義函數：function aaa(){函數體};     aaa是函數名
調用函數:aaa();

 

DOM操做

您可以以不一樣的方式來訪問 HTML 元素：
    經過使用 getElementById() 方法
    經過使用 getElementsByTagName() 方法，返回的是數值
    經過使用 getElementsByClassName() 方法，返回的是數組

 

var aaa=document.getElementById("id")     將經過id找到的這個XX放到aaa內

事件：動做

「點擊事件」:   aaa.onclick=function(){

     函數體

}

點擊事件後面放方法。

改變一個 <p> 元素的 HTML 內容

document.getElementById("p1").innerHTML="新文本!";

 

onsubmit提交事件：

 

 

一、windows對象操做

（1）window.open("第一部分","第二部分","第三部分","第四部分")

第一部分寫頁面地址

第二部分寫頁面打開方式：_self  在自身打開； _blank  在新的空白頁打開

第三部分控制打開窗口格式：width=100 height=100 left=200 top=200  新打開的窗口的寬帶100高度100 距離左邊200 距離上邊200

window.open()是有返回值的能夠將其保存在一個變量中：var  aaa=window.open();

能夠將打開的多個窗口保存在一個數組w裏：

function openW()

    {

 w[i++]=window.open();

   }

（2）window.close();關閉當前窗口。

關閉打開當前窗口的源窗口：window.opener.close();

調整頁面：window.scrollTo(x,y)滾動頁面到某個位置，y表明縱向滾動。通常狀況下x是0，調整Y值，做用像是錨點

 

二、window.history對象

window.history.back();頁面後退

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

window.history.go(n);n若是是正數則表明前進n個頁面，n若是是負數則表明後退n個頁面。

三、window.location對象

var s=window.location.href;獲取當前頁面地址

window.location.href="路徑";   修改頁面地址，會跳轉頁面

四、window.confirm

var result=window.confirm("dd")
console.log(result)

彈出窗口，選擇 肯定 返回true，不然返回false

五、定時器

setInterval(函數名, milliseconds);

#使用 setInterval() 和 clearInterval()來建立動態進度條

function move() {
  var elem = document.getElementById("myBar"); 
  var width = 0;
  var id = setInterval(frame, 10);
  function frame() {
    if (width == 100) {
      clearInterval(id);
    } else {
      width++; 
      elem.style.width = width + '%'; 
    }
  }
}