DOM编程艺术

样式操作

设置样式

element.style.cssText='border-color:red;color:red;'

获取样式

  • element.style.color //只能用于行内样式

  • window.getComputedStyle(element).color; //ie9下使用currentStyle

function getStyle(element,cssPropertyName){
            if (element.currentStyle) {
                alert(element.currentStyle[cssPropertyName]);
            }else{
                alert(getComputedStyle(element,null)[cssPropertyName])
            }
        }

事件

事件注册

var elem=document.getElementById('div1');
var clickHandler=function(event){
    //to do
}
elem.addEventListener('click',clickHandler,false);

elem.onclick=clickHandler

取消事件注册

elem.removeEventListener('click',false);
elem.onclick=null;

阻止事件传播

  • event.stopPropagation

  • event.cancelBubble=true //ie

  • event.stopImmediatePropagation()

默认行为

  • event.preventDefault

  • event.returValue=false //ie

事件分类

数据通信

常见HTTP状态码

ajax

screenshot 2.png

get请求

var url = 'example.json?'+serialize(formdata);
xhr.open('get',url,true);
xhr.send(null);

post请求

xhr.open('post','example.json',true);
xhr.send(serialize(formdata));

数据存储

cookie

screenshot 1.pngscreenshot 4.pngscreenshot 3.pngscreenshot 2.png

storage

  • localStorage 时间永久

  • sessionStorage 浏览器回话事件

BOM

方法:

  • alert

  • confirm

  • prompt

相关文章

学习编程是顺着互联网的发展潮流,是一件好事。新手如何学习...
IT行业是什么工作做什么?IT行业的工作有:产品策划类、页面...
女生学Java好就业吗?女生适合学Java编程吗?目前有不少女生...
Can’t connect to local MySQL server through socket \'/v...
oracle基本命令 一、登录操作 1.管理员登录 # 管理员登录 ...
一、背景 因为项目中需要通北京网络,所以需要连vpn,但是服...