JavaScript

来源:互联网 发布:怎么领取淘宝客优惠券 编辑:程序博客网 时间:2024/06/03 21:21

=== 全等(比较值和类型)

例:var a = 3;var b = "3";a==b 返回 truea===b 返回 false 

with 语句:为语句设定默认对象。
with (object){ statements }

通过类名找到 HTML 元素getElementsByClassName()
考虑到低版本浏览器,根本类名获取HTML元素的函数

function getByClass(parent, cls){  if(parent.getElementsByClassName){    return parent.getElementsByClassName(cls);  }else{    var res = [];    var reg = new RegExp(' ' + cls + ' ', 'i')    var ele = parent.getElementsByTagName('*');    for(var i = 0; i < ele.length; i++){      if(reg.test(' ' + ele[i].className + ' ')){        res.push(ele[i]);      }    }    return res;  }}
  • getElementById()返回一个对象,对应一个特定元素节点。
  • getElementsByTagName()返回对象数组,分别对应文档里的一个特定元素节点。
  • getAttribute()查询属性,只能通过一个元素节点对象调用,属性不存在返回null, 可以先检查返回值是不是null。
  • setAttribute()也只能通过一个元素节点对象调用,需要我们传递两个参数,属性名和属性值。
  • createElement()创建元素节点 ,appendChild()插入子节点, createTextNode()创建文本节点
  • insertBefore()把新元素节点插入到目标节点前面

window.onload执行多个function的函数

function addLoadEvent(func){                var oldonload = window.onload;    if (typeof window.onload != 'function') {        window.onload  = func;    }else{        window.onload = function(){            oldonload();            func();        }    }}

把新元素节点插入到目标节点后面

//targetElement.nextSibling目标元素下一个兄弟节点function insertAfter(newElement,targetElement){     var parent = targetElement.parentNode;    if (parent.lastChild==targetElement) {        parent.appendChild(newElement);    }else{    parent.insertBefore(newElement,targetElement.nextSibling);    }}

addLoadEvent调用含参函数版本

function addLoadEvent2(func) { //addLoadEvent调用含参函数版本    var ages = [].slice.call(arguments,1); //返回的是arguments数组从1号位开始的片段。    var oldonload = window.onload;    if (typeof window.onload != 'function') {        window.onload = function() {            func.apply(this,ages);        }    } else {        window.onload = function() {            oldonload.apply(this);            func.apply(this,ages);        }    }}addLoadEvent2(styleElementSiblings,"h1","intro");//将参数变为数组或对象
  • onload 和 onunload 事件会在用户进入或离开页面时被触发
  • onchange 事件常结合对输入字段的验证来使用
  • onmouseover 和 onmouseout 事件可用于在用户的鼠标移至 HTML 元素上方或移出元素时触发函数
  • onmousedown, onmouseup 以及 onclick 构成了鼠标点击事件的所有部分。首先当点击鼠标按钮时,会触发 onmousedown 事件,当释放鼠标按钮时,会触发 onmouseup 事件,最后,当完成鼠标点击时,会触发 onclick 事件
  • onerror 事件会在文档或图像加载过程中发生错误时被触发