JavaScript、Dom、jQuery
- JavaScript基础
- Dom编程
- jQeury
http://www.cnblogs.com/wupeiqi/articles/4457274.html
变量和函数的声明
1、全局变量和局部变量
name ＝ 'alex'
var name ＝ 'alex'
2、基本函数和自执行函数
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提交事件：
1、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值，作用像是锚点
2、window.history对象
window.history.back();页面后退
window.history.forward();页面前进
window.history.go(n);n如果是正数则代表前进n个页面，n如果是负数则代表后退n个页面。
3、window.location对象
var s=window.location.href;获取当前页面地址
window.location.href="路径"; 修改页面地址，会跳转页面
4、window.confirm
var result=window.confirm("dd")
console.log(result)
弹出窗口，选择 确定 返回true，否则返回false
5、定时器
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 + '%';
}
}
}
