jQuery与原生JS的DOM操作对比

1. 创建元素节点

  • 原生JS创建元素节点: document.createElement("p");
  • jQuery创建元素节点:$('<p></p>');

阅读全文

JavaScript中property和attribute的区别

  • 1. 定义

    • property(元素属性):DOM 节点是一个对象,因此,可以添加自定义的属性以及方法。property 的值可以是任何的数据类型,对大小写敏感。自定义的property不会出现在 html 中,只存在 JavaSctipt 中。
      • attribute(标签属性):attribute 只能是字符串,大小写不敏感,出现在 innerHTML 中,通过类数组attributes可以罗列所有的 attribute
  • 2. 相同之处

阅读全文

JavaScript之事件的中断传播与行为阻止

  • 如何中断事件的传播?
    • stopPropagation() w3c取消冒泡
    • cancleBubble = true IE取消冒泡

阅读全文

JavaScript之捕捉模型与冒泡模型

  • w3c模型中 addEventListener支持第3个参数来声明事件的模型为冒泡还是捕捉,如果声明为false,则为冒泡方式

阅读全文

JavaScript之定时器

  • window定时器

    • setIntval(表达式,毫秒)
      • clearIntval(定时器对象)
      • setTimeout(表达式,毫秒)
      • clearTimeout(定时器对象)

阅读全文

JavaScript之面向对象中的多态

  • 多态:同一个父类继承出来的子类各有各的形态

阅读全文

JavaScript与Unicode编码

  • 字符集的概念:
  • 字符集:就是–编码–>字符的映射

阅读全文

JavaScript之IE,火狐兼容事件对象

1
2
3
4
5
6
7
document.getElementById('par').addEventListener ('click',function (ev){

ev = ev||window.event;// 在IE下ev为null window.event为真 || &&在php和js中不同 在js中 第一个真 就返回 否则返回第二个

alert(ev.screenX+ev.screenY)}
);
document.getElementById('son').addEventListener ('click',function (){alert('son')});

阅读全文

JavaScript中三种绑定事件的方式与去除绑定

  • 绑定事件的第1种办法:
    • 函数写在结构层里面
    • 非常不好,使页面很混乱,行为与结构得不到分离

阅读全文

JavaScript之面向对象中的封装

  • 对象的属性外界是可读可写 如何来达到封装的额目的?

    • 答:可通过闭包+局部变量来完成

阅读全文