JavaScriptDomjQuery

Posted 2021-01-06 Captain

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