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 + '%'; 
    }
  }
}